优化

zhiyangdu
1 parent 178576ee
Showing 4 changed files with 34 additions and 14 deletions
src/components/discountZone/discountZone.vue
src/components/swiperItem/swiperItem.vue
src/components/titleBox/titleBox.vue
src/pages/index/index.vue
 <template>
   <div>
-   <titleBox :titles="titles"></titleBox>
+   <titleBox :titles="discountZoneInfo[0]"></titleBox>
    <div class="item_box">
      <div class="left">
      <img src="/static/img/pic_1.jpg" alt="网家家"/>
@@ -24,6 +24,7 @@
           titles:null
       }
     },
+      props:["discountZoneInfo"],
       components:{
           titleBox
       },
@@ -5,8 +5,8 @@
                 <div class="app_list_box">
                     <div class="app_list">
                         <div v-for="(items, index) in item" :key="index" @click="$parent.toDetail(item)">
-                            <img v-lazy="item.simg" />
-                            <div>{{item.title}}</div>
+                            <img v-lazy="items.simg" />
+                            <div>{{items.title}}</div>
                         </div>
                     </div>
                 </div>
@@ -2,9 +2,9 @@
     <div class="title-box" v-if="titles">
 		<div class="box">
 			<div class="title-img-box">
-				<img :src="titles.title" class="title-img" mode="widthFix" />
+				<img :src="titles.simg" class="title-img" mode="widthFix" />
 			</div>
-			<div class="more-box" @click="more(titles.more)">
+			<div class="more-box" @click="more(titles.is_more)">
 				<div class="more-text">更多</div>
 				<img class="more-arrow-right-img" src="static/img/icon_arrow_right.png" />
 			</div>
@@ -16,12 +16,12 @@
     export default {
         data: function () {
             return {
-                
+
             }
         },
         props: ["titles"],
 		methods: {
-			
+
 			/**
 			 * 更多
 			 * @param {object} item [数据对象]
@@ -36,4 +36,4 @@
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style rel="stylesheet/less" lang="less">
     @import './titleBox';
-</style>
 \ No newline at end of file
+</style>
@@ -3,13 +3,13 @@
   <!--轮播-->
   <swiper v-if="activityAdInfo&&activityAdInfo.banner" :swipers="activityAdInfo.banner"></swiper>
   <!--导航-->
-  <swiperItem v-if="activityAdInfo&&activityAdInfo.nav" :navs="activityAdInfo.nav"></swiperItem>
+  <swiperItem v-if="activityAdInfo&&activityAdInfo.nav" :navs="activityAdInfo.navs"></swiperItem>
   <!--优惠专区-->
-  <discountZone></discountZone>
+  <discountZone :discountZoneInfo="discountZoneInfo"></discountZone>
   <!--天天特惠-->
-  <preferential></preferential>
+  <preferential :preferentialInfo="preferentialInfo"></preferential>
   <!--视听专区-->
-  <videoArea></videoArea>
+  <videoArea :videoAreaInfo="videoAreaInfo"></videoArea>
   </div>
 </template>
  
@@ -24,10 +24,22 @@
     name: 'index',
     data () {
       return {
-          activityAdInfo:null
+          activityAdInfo:null,
+          discountZoneInfo:null, // 优惠专区
+          preferentialInfo:null, // 天天特价
+          videoAreaInfo:null // 视听专区
       }
     },
-    components:{
+      filters: {
+
+          capitalize: function (value) {
+              if (!value) return ''
+              value = value.toString()
+              return value.charAt(0).toUpperCase() + value.slice(1)
+          }
+
+      },
+      components:{
         swiper,
         swiperItem,
         discountZone,
@@ -85,6 +97,13 @@
                 let { data: datas } = res;
                 /* 获取获取证书信息 开始 */
                 this.activityAdInfo = res.data;
+                // 优惠专区
+                this.discountZoneInfo = this.activityAdInfo.ads.filter(n => n.style==1);
+                // 天天特价
+                this.preferentialInfo = this.activityAdInfo.ads.filter(n => n.style==2);
+                // 视听专区
+                this.videoAreaInfo = this.activityAdInfo.ads.filter(n => n.style==13);
+
             } else if (res.code == 400) {
                 // 获取证书信息失败
                 Toast(res.message);