<template>
  <view class="themes-choiceness">
<!--    <themes-vip
      v-if="shopNotice.length != 0"
      :shopNotice="shopNotice"
      :noticeIcon="shopData.noticeIcon"
    ></themes-vip> -->

    <!-- 优惠 -->
    <themes-coupon-one
      v-if="shopCoupon && shopCoupon.length > 0"
      :shopCoupon="shopCoupon"
    ></themes-coupon-one>
    <!-- 视频 -->
    <themes-live
      v-if="shopVideo && shopVideo.length > 0"
      :shopVideo="shopVideo"
	  :shopNotice="shopNotice"
    ></themes-live>
    <!-- 菜单 -->
    <themes-hot
      v-if="shopMenu && shopMenu.length > 0"
      :shopMenu="shopMenu"
      :isShowDots="isShowDots"
    ></themes-hot>
	<!-- 团购 -->
	<themes-tuangou
	  v-if="shopTuangou && shopTuangou.length > 0"
	  :shopTuangou="shopTuangou"
	  :top="true"
	></themes-tuangou>
    <!-- 笔记 -->
    <themes-note
      v-if="shopNote && shopNote.length > 0"
      :shopNote="shopNote"
    ></themes-note>
    <!-- banner -->
<!--    <themes-banner
      v-if="shopBanner.length != 0"
      :shopBanner="shopBanner"
    ></themes-banner> -->
    <!-- 精选商品 -->
	<themes-recommend
	  v-if="shopProduct && shopProduct.length > 0"
	  :shopProduct="shopProduct"
	></themes-recommend>
	
	<!-- 推荐商品 -->
    <themes-shop
      v-if="shopSelPro && shopSelPro.length > 0"
      :shopProduct="shopSelPro"
      :isShowTitle="true"
    ></themes-shop>
    
    <loading v-if="loading"></loading>
  </view>
</template>

<script>
import { myMixin } from "../logic/choiceness.js";
import themesHead from "./components/themes-head.vue";
import themesVip from "./components/themes-vip.vue";
import themesCouponOne from "./components/themes-coupon-one.vue";
import themesCimg from "./components/themes-c-img.vue";
import themesHot from "./components/themes-hot.vue";
import themesTuangou from "./components/themes-tuangou.vue";
import themesRecommend from "./components/themes-recommend.vue";
import themesShop from "./components/themes-shop.vue";
import themesNote from "./components/themes-note.vue";
import themesBanner from "./components/themes-banner.vue";
import themesLive from "./components/themes-live.vue";

export default {
  mixins: [myMixin],
  components: {
    themesHead,
    themesVip,
    themesCouponOne,
    themesCimg,
    themesHot,
    themesTuangou,
    themesRecommend,
    themesShop,
    themesNote,
    themesLive,
    themesBanner,
  },
};
</script>

<style lang="scss" scoped>
.themes-choiceness {
    margin-top: -30rpx;
}
</style>