购好物，首页对接接口完成~

王强
1 parent 77790617
Showing 4 changed files with 43 additions and 72 deletions
src/components/swiper/swiper.less
src/components/swiper/swiper.vue
src/pages/optimization2/optimization2.less
src/pages/optimization2/optimization2.vue
@@ -21,11 +21,14 @@
                 border-radius: 16px;
                 overflow: hidden;
                 .img-box {
+                    width: 100%;
+                    height: auto;
                     .img {
                         display: block;
                         width: 100%;
                         height: auto;
                         border-radius: 16px;
+                        object-fit: cover;
                         overflow: hidden;
                     }
                 }
@@ -4,8 +4,8 @@
             <swipe-item class="swipe-item" v-for="(item, index) in swipers" :key="index">
                 <div class="item" @click="$parent.$parent.gotoDetail(item)">
                     <div class="img-box">
-                        <img v-if="isPointsMall" v-lazy="item + SIGN.BIG" class="img" mode="widthFix" />
-                        <img v-else v-lazy="item.simg + SIGN.BIG" class="img" mode="widthFix" />
+                        <img v-if="isPointsMall" v-lazy="item + SIGN.BIG" class="img" />
+                        <img v-else v-lazy="item.simg + SIGN.BIG" class="img" />
                     </div>
                 </div>
@@ -41,7 +41,16 @@
             border-radius: 24px;
             overflow: hidden;
             &.banner-box {
-
+                .swiper-box {
+                    width: 710px;
+                    height: 280px;
+                    /deep/ .swipe {
+                        width: 710px;
+                        .swipe-item {
+                            width: 710px;
+                        }
+                    }
+                }
             }
             &.page-list {
                 background-color: transparent;
@@ -104,11 +113,12 @@
             }
             &.sub-banner-box {
                 // width: 100%;
-                height: auto;
+                height: 160px;
                 .sub-banner-img {
                     display: block;
                     width: 100%;
-                    height: auto;
+                    height: 100%;
+                    object-fit: cover;
                 }
             }
             &.goods-list {
@@ -447,65 +447,6 @@
                 moreText: '查看更多',
                 icon: 'static/img/icon_more_arrow_right.png'
             });
-
-
-
-
-
-
-
-            // 临时，主banner数据
-            this.$set(this, 'swipers', [
-                {
-                    simg: 'http://wjjtest.ys2.cnliveimg.com/802/shop/img/2021/02/02/image1612245250790582774.jpg?imageMogr2/thumbnail/200/format/jpg'
-                },
-                {
-                    simg: 'http://wjjseller.cnlive.com/uploads/780f7a0d12e152d5e35b3fff29bab5d2.jpg?imageMogr2/thumbnail/200/format/jpg'
-                },
-                {
-                    simg: 'https://wjjtest.ys2.cnliveimg.com/802/shop/img/2019/12/13/5df26e0504e2f.jpg?imageMogr2/thumbnail/200/format/jpg'
-                }
-            ]);
-
-
-
-
-            // 临时，其它频道列表数据
-            this.$set(this, 'swiperNavs', [
-                [
-                    {
-                        logo: 'http://wjjtest.ys2.cnliveimg.com/802/shop/img/2020/05/14/image1589436270199176498.jpg',
-                        title: '网家家自营'
-                    },
-                    {
-                        simg: 'http://wjjtest.ys2.cnliveimg.com/802/shop/img/2019/01/04/5c2f1d6094223.jpg',
-                        title: '环球优物'
-                    },
-                    {
-                        logo: 'https://wjjtest.ys2.cnliveimg.com/802/shop/img/2019/04/20/5cbab33c82a82.png',
-                        title: '李宁旗舰店'
-                    },
-                    {
-                        simg: 'https://wjjtest.ys2.cnliveimg.com/802/shop/img/2019/04/28/5cc53a6e07e67.jpg',
-                        title: '扶贫精品'
-                    }
-                ]
-            ]);
-
-
-
-
-
-
-            // 临时，副Banner
-            this.$set(this, 'subBanner', {
-                simg: 'https://img13.360buyimg.com/cms/jfs/t1/134990/3/16382/148271/5fb61708E49ceefbd/9356c854f878dbc0.jpg?imageMogr2/thumbnail/400/format/jpg'
-            });
-
-
-
-
-
         },
         methods: {
@@ -560,6 +501,21 @@
                     /* 获取优选库“优选”数据 开始 */
+                    // 设置Banner
+                    if (datas.banner && datas.banner.length) {
+                        this.$set(this, 'swipers', datas.banner);
+                    }
+
+                    // 设置单条banner(ads)
+                    if (datas.ads && datas.ads.length) {
+                        this.$set(this, 'subBanner', datas.ads[0]);
+                    }
+
+                    // 设置导航
+                    if (datas.navigate && datas.navigate.length) {
+                        this.$set(this, 'swiperNavs', datas.navigate);
+                    }
+
                     // 设置折扣商品状态
                     this.$set(this, 'discountType', datas.discount_type);
@@ -776,11 +732,12 @@
              */
             toPage(item) {
+                // 判断通用跳转函数是否存在
+                if (typeof this.$parent.gotoDetail === 'function') {
-                console.log('toPage', item);
-
-
-
+                    // 通用跳转
+                    this.$parent.gotoDetail(item);
+                }
             },
             /**
@@ -789,11 +746,12 @@
              */
             toBanner(item) {
+                // 判断通用跳转函数是否存在
+                if (typeof this.$parent.gotoDetail === 'function') {
-                console.log('toBanner', item);
-
-
-
+                    // 通用跳转
+                    this.$parent.gotoDetail(item);
+                }
             },
             /**