新达人页数据绑定

zhiyangdu
1 parent 6a4aab2e
Showing 6 changed files with 37 additions and 42 deletions
src/components/horizList/horizList.vue
src/components/recommendDaren/recommendDaren.less → src/components/shopDarenHot/shopDarenHot.less
src/components/recommendDaren/recommendDaren.vue → src/components/shopDarenHot/shopDarenHot.vue
src/components/darenInfo/darenInfo.less → src/components/shopDatenTop/shopDatenTop.less
src/components/darenInfo/darenInfo.vue → src/components/shopDatenTop/shopDatenTop.vue
src/pages/newDaren/newDaren.vue
@@ -45,10 +45,10 @@
                             <swiper-item v-if="com == '4'" @jump="jump"
                                 :item="item">
                             </swiper-item>
-                            <recommend-Daren v-if="com == '5'" @jump="jump"
+                            <shop-daren-hot v-if="com == '5'"
                                             :item="item">
  
-                            </recommend-Daren>
+                            </shop-daren-hot>
 						</div>
 					</div>
 				</div>
@@ -64,7 +64,7 @@
 	import goodsItem2 from "@/components/goodsItem_2/goodsItem_2";
 	import goodsItem3 from "@/components/goodsItem_3/goodsItem_3";
 	import swiperItem from "@/components/swiperItem/swiperItem";
-    import recommendDaren from "@/components/recommendDaren/recommendDaren";
+    import shopDarenHot from "@/components/shopDarenHot/shopDarenHot";
     export default {
 		name: "horizList",
         data() {
@@ -79,7 +79,7 @@
 			goodsItem2,
 			goodsItem3,
             swiperItem,
-            recommendDaren
+            shopDarenHot
         },
 		methods: {
  
 .recommendDaren{
-    padding: 0 30px;
+    padding: 0 15px;
     display: flex;
     .daren_box{
         width:210px;
@@ -29,7 +29,7 @@
             font-weight:400;
             color:rgba(153,153,153,1);
             line-height:25px;
-            font-size: 18px;
+            overflow: hidden;
         }
         .btn{
             width:120px;
 <template>
-  <div class="recommendDaren">
+  <div v-if="item" class="recommendDaren">
       <div class="daren_box">
           <img class="head_portrait" src="/static/img/2.png" />
        <div class="name">
-           冯提莫
+           {{item.title}}
        </div>
        <div class="desc">
-           国内女装大佬TOP10
+           {{item.titles}}
        </div>
           <div class="btn">
               关注
@@ -23,9 +23,9 @@
  
       }
     },
-    porps:["item"],
+    props:["item"],
     created(){
-
+        console.log(this.item)
     },
     methods: {
     }
@@ -34,5 +34,5 @@
  
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style rel="stylesheet/less" lang="less" scoped>
-    @import "recommendDaren";
+    @import "shopDarenHot";
 </style>
 <template>
     <div>
-        <div class="item_box" @click="toDetail(darenInfo)">
-            <!--<img class="head_portrait"  v-lazy="darenInfo.user_img" />-->
-            <img class="head_portrait" src="/static/img/2.png" />
+        <div class="item_box" @click="toDetail(shopDatenTop)">
+            <img class="head_portrait"  v-lazy="shopDatenTop.logo" />
             <div class="user_info">
                 <div class="daren_box">
                 <div class="name">
-                  冯提莫
+                  {{shopDatenTop.title}}
                 </div>
                  <div class="tag">
                      人气
                  </div>
                 </div>
                 <div class="desc">
-                    冯提莫描述
+                    {{shopDatenTop.titles}}
                 </div>
             </div>
            <div class="btn">
@@ -31,7 +30,7 @@
  
             }
         },
-        props: ["darenInfo"],
+        props: ["shopDatenTop"],
         methods: {
  
             /**
@@ -47,5 +46,5 @@
  
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style rel="stylesheet/less" lang="less" scoped>
-    @import "darenInfo";
+    @import "shopDatenTop";
 </style>
@@ -8,11 +8,11 @@
                 }">
         </swiper>
         <!--达人信息-->
-        <darenInfo :darenInfo="darenInfo"></darenInfo>
+        <shopDatenTop v-if="shopDatenTop" :shopDatenTop="shopDatenTop"></shopDatenTop>
         <!--推荐达人-->
         <!--导航-->
-        <horiz-list class="components-box" v-if="recommendDaren && recommendDaren.length" @jump="jump"
-                    :lists="recommendDaren"
+        <horiz-list class="components-box" v-if="shopDarenHot && shopDarenHot.length" @jump="jump"
+                    :lists="shopDarenHot"
                     com="5">
         </horiz-list>
         <!-- 达人动态列表 -->
@@ -180,23 +180,23 @@
     import swiper from "@/components/swiper/swiper";
 	import darenListBox from "@/components/darenListBox/darenListBox";
 	import textTitleBox from "@/components/textTitleBox/textTitleBox";
-    import darenInfo from "@/components/darenInfo/darenInfo";
+    import shopDatenTop from "@/components/shopDatenTop/shopDatenTop";
     import horizList from "@/components/horizList/horizList";
     export default {
         name: "darenList",
         data() {
             return {
                 title: "",              // 标题
-                darenInfo:null,         // 达人信息
-                banner:null,             // 轮播
-                recommendDaren:[1,2]      // 达人推荐列表
+                shopDatenTop: null,         // 置顶达人信息
+                banner:[],             // 轮播
+                shopDarenHot: null      // 达人推荐列表
             }
         },
         components:{
             darenListBox,
             textTitleBox,
             swiper,
-            darenInfo,
+            shopDatenTop,
             horizList
         },
         created() {
@@ -205,7 +205,7 @@
             this.$set(this, "title", "达人");
  
             // 获取优选库精选活动
-            // this.activityAd();
+            this.newDarenIndex();
         },
         methods: {
  
@@ -222,14 +222,14 @@
             /**
              * 获取优选库精选活动
              */
-            activityAd() {
+            newDarenIndex() {
                 // 加载中提示
                 Indicator.open("加载中...");
  
                 // 获取证书请求接口
-                this.http("/Api/" + this.getApiVersion().index + "/activityAd", {
-                        id: this.$route.query.id
-                    }, this.activityAdCallback, {
+                this.http("/Api/" + this.getApiVersion().index + "/newDarenIndex", {
+                        uid: this.$route.query.uid
+                    }, this.newDarenIndexCallback, {
                         method: "post"
                     }
                 );
@@ -240,7 +240,7 @@
              * @param {object} res [服务器返回数据]
              * @param {object} ext [扩展参数]
              */
-            activityAdCallback(res, ext) {
+            newDarenIndexCallback(res, ext) {
  
                 // 加载完成
                 Indicator.close();
@@ -260,15 +260,11 @@
                     this.$set(this, "title", datas.title);
  
                     // 设置banner数据
-                    if (datas.banner && datas.banner.length) {
-                        this.$set(this, "banner", datas.banner);
-                    }
-
-                    // 设置navs数据
-                    if (datas.navs && datas.navs.length) {
-                        this.$set(this, "navs", datas.navs);
-                    }
-
+                    this.banner.push(datas.shop_daten_ads)
+                    // 置顶达人
+                    this.$set(this, "shopDatenTop", datas.shop_daten_top);
+                    // 达人推荐
+                    this.$set(this, "shopDarenHot", datas.shop_daren_hot);
                     // 设置ads数据
                     if (datas.ads && datas.ads.length) {
                         this.$set(this, "ads", datas.ads);