数据绑定

zhiyangdu
1 parent ec9cf534
Showing 3 changed files with 32 additions and 16 deletions
src/components/dresserList/dresserList.vue
src/pages/optimization/optimization.less
src/pages/optimization/optimization.vue
 <template>
   <div>
-      <!--标题-->
-      <textTitleBox :titles="null"></textTitleBox>
   <div class="item_box">
       <img class="head_portrait"  v-lazy="dresserList.user_img" src="static/img/1.png" alt="网家家"/>
       <div class="user_info">
@@ -19,7 +17,6 @@
 <script>
-    import textTitleBox from "@/components/textTitleBox/textTitleBox";
   export default {
     name: 'dresserList',
     data () {
@@ -28,9 +25,6 @@
       }
     },
       props: ["dresserList"],
-      components:{
-          textTitleBox
-      },
     created(){
     },
 @charset "UTF-8";
 .optimization-box {
+    margin-top: 30px;
     .goods-list-box {
         background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(249, 249, 249, 1) 10%, rgba(249, 249, 249, 1) 100%);
         padding-top: 50px;
 <template>
     <div class="optimization-box">
-
+        <!-- 标题 -->
+        <text-title-box slot="title-box" @more="h5More()"
+                        :titles="{
+                        title: '已关注人达人',
+                        more: newGoodsMore
+                    }">
+        </text-title-box>
         <!-- 已关注达人列表（4条） -->
-
-
-
-
-
+        <div v-for="(item,index) in dresserList" v-if="index<4" :key="index">
+            <dresserList :dresserList="item"></dresserList>
+        </div>
         <!-- 商品部分 -->
         <div class="goods-list-box">
@@ -83,11 +87,12 @@
     import horizList from "@/components/horizList/horizList";
     import horizListFlex from "@/components/horizListFlex/horizListFlex";
     import textTitleBox from "@/components/textTitleBox/textTitleBox";
-
+    import dresserList from "@/components/dresserList/dresserList";
     export default {
         data () {
             return {
                 title: "",
+                dresserList: null,      // 达人列表
                 hotGoods: null,         // 热销商品
                 hotGoodsMore: null,     // 热销商品更多
                 newGoods: null,         // 最新上架
@@ -100,8 +105,7 @@
             horizList,
             horizListFlex,
             textTitleBox,
-
-
+            dresserList
         },
         created() {
@@ -112,7 +116,17 @@
             this.fansShopMessageList();
         },
         methods: {
-
+            /**
+             * 跳转到关注人列表数据
+             */
+            h5More(){
+                this.$router.push({
+                    path:"/fansShopMessageList",
+                    query:{
+                        uid:this.$route.query.uid
+                    }
+                })
+            },
             /**
              * 优选页面接口
              */
@@ -152,6 +166,13 @@
                     /* 获取优选库“优选”数据 开始 */
+                    // 获取“达人列表数据”
+                    if (datas.list && datas.list.length) {
+
+                        // 设置“最近购买”数据
+                        this.$set(this, "dresserList", datas.list);
+                    }
+
                     // 获取“热销商品”
                     if (datas.hotGoods && datas.hotGoods.length) {