618活动

src/assets/css/ac618/ac618.less

 .ac618{
 .ac618{
     background: #fe2035;
     background: #fe2035;
-    padding-bottom: 50px;
+    padding-bottom: 40px;
     
     
     .floor1{
     .floor1{
         height:6.5rem;
         height:6.5rem;
@@ -22,7 +22,30 @@
         background-size: 100% 100%;
         background-size: 100% 100%;
         position: relative;
         position: relative;
     }
     }
+    .ljko{
+        position: absolute;
+        &.ljko1{
+            width: 3.3rem;
+            height: 1rem;
+            bottom: 2.6rem;
           
           
+            left: 3.5rem;
+            cursor: pointer;
+        }
+        &.ljko2{
+            width: 3.3rem;
+            height: 1rem;
+            bottom: 3.6rem;
+            left: 3.5rem;
+            cursor: pointer;
+        }
+        &.ljko3{
+            width: 100%;
+            height: 2.6rem;
+            bottom: 0.4rem;
+            cursor: pointer;
+        }
+    }
     .zy-mall{
     .zy-mall{
         padding:10px;
         padding:10px;
         position: relative;
         position: relative;
@@ -83,14 +106,14 @@
         .kfbtng{
         .kfbtng{
             display: block;
             display: block;
                 height:30px;
                 height:30px;
-                width:100px;
+                width:120px;
                 color:#fff;
                 color:#fff;
                 font-size: 14px;
                 font-size: 14px;
                 line-height: 30px;
                 line-height: 30px;
                 text-align: center;
                 text-align: center;
                 margin:0 auto;
                 margin:0 auto;
                 margin-top: 20px;
                 margin-top: 20px;
-                border-radius: 6px;
+                border-radius: 50px;
                 background: #0082e7;
                 background: #0082e7;
         }
         }
     }
     }
@@ -110,7 +133,7 @@
             font-size: 10px;
             font-size: 10px;
             color:#ffa7b4;
             color:#ffa7b4;
          
          
-            line-height: 30px;
+            line-height: 24px;
             padding-left: 14px;
             padding-left: 14px;
         }
         }
 
 

src/assets/css/ac618/ac618.min.css

-.ac618{background:#fe2035;padding-bottom:50px}.ac618 .floor1{height:6.5rem;width:100%;background:url(../../images/ac618/H5_01.png) no-repeat;background-size:100% 100%}.ac618 .floor2{height:18.02rem;width:100%;background:url(../../images/ac618/H5_02.png) no-repeat;background-size:100% 100%;position:relative}.ac618 .floor3{height:10.93rem;width:100%;background:url(../../images/ac618/H5_03.png) no-repeat;background-size:100% 100%;position:relative}.ac618 .zy-mall{padding:10px;position:relative}.ac618 .zy-mall .titleac{font-size:16px;color:#fff;padding-left:10px;border-left:5px solid #ffac00;height:20px;line-height:20px}.ac618 .zy-mall .list-cons{margin-top:15px}.ac618 .zy-mall .list-cons a{height:46px;display:block;background:#fff;border-radius:3px;margin-bottom:5px;padding:10px }.ac618 .zy-mall .list-cons a .item{width:50%;height:22px;line-height:22px;overflow:hidden}.ac618 .zy-mall .list-cons a .item.item33{width:33.33%}.ac618 .zy-mall .list-cons a .item.t2{font-size:14px;color:#1483e0;font-weight:bold}.ac618 .zy-mall .list-cons a .item.t3{font-size:11px;color:#727272;text-align:right}.ac618 .zy-mall .list-cons a .item.t3 span{text-decoration:line-through}.ac618 .zy-mall .list-cons a .item.t1{font-size:12px;color:#404040}.ac618 .zy-mall .list-cons a .item.t4{color:#727272;font-size:11px;text-align:right}.ac618 .zy-mall .list-cons a .item.t4 span{color:#d10020;font-size:12px;font-weight:bold}.ac618 .zy-mall .kfbtng{display:block;height:30px;width:100px;color:#fff;font-size:14px;line-height:30px;text-align:center;margin:0 auto;margin-top:20px;border-radius:6px;background:#0082e7}.ac618 .rule-box{padding:10px;margin-top:10px}.ac618 .rule-box .titleac{font-size:16px;color:#fff;padding-left:10px;border-left:5px solid #3a0a72;height:20px;line-height:20px;margin-bottom:10px}.ac618 .rule-box p{font-size:10px;color:#ffa7b4;line-height:30px;padding-left:14px}.slide-bar{display:none}
+.ac618{background:#fe2035;padding-bottom:40px}.ac618 .floor1{height:6.5rem;width:100%;background:url(../../images/ac618/H5_01.png) no-repeat;background-size:100% 100%}.ac618 .floor2{height:18.02rem;width:100%;background:url(../../images/ac618/H5_02.png) no-repeat;background-size:100% 100%;position:relative}.ac618 .floor3{height:10.93rem;width:100%;background:url(../../images/ac618/H5_03.png) no-repeat;background-size:100% 100%;position:relative}.ac618 .ljko{position:absolute}.ac618 .ljko.ljko1{width:3.3rem;height:1rem;bottom:2.6rem;left:3.5rem;cursor:pointer}.ac618 .ljko.ljko2{width:3.3rem;height:1rem;bottom:3.6rem;left:3.5rem;cursor:pointer}.ac618 .ljko.ljko3{width:100%;height:2.6rem;bottom:.4rem;cursor:pointer}.ac618 .zy-mall{padding:10px;position:relative}.ac618 .zy-mall .titleac{font-size:16px;color:#fff;padding-left:10px;border-left:5px solid #ffac00;height:20px;line-height:20px}.ac618 .zy-mall .list-cons{margin-top:15px}.ac618 .zy-mall .list-cons a{height:46px;display:block;background:#fff;border-radius:3px;margin-bottom:5px;padding:10px }.ac618 .zy-mall .list-cons a .item{width:50%;height:22px;line-height:22px;overflow:hidden}.ac618 .zy-mall .list-cons a .item.item33{width:33.33%}.ac618 .zy-mall .list-cons a .item.t2{font-size:14px;color:#1483e0;font-weight:bold}.ac618 .zy-mall .list-cons a .item.t3{font-size:11px;color:#727272;text-align:right}.ac618 .zy-mall .list-cons a .item.t3 span{text-decoration:line-through}.ac618 .zy-mall .list-cons a .item.t1{font-size:12px;color:#404040}.ac618 .zy-mall .list-cons a .item.t4{color:#727272;font-size:11px;text-align:right}.ac618 .zy-mall .list-cons a .item.t4 span{color:#d10020;font-size:12px;font-weight:bold}.ac618 .zy-mall .kfbtng{display:block;height:30px;width:120px;color:#fff;font-size:14px;line-height:30px;text-align:center;margin:0 auto;margin-top:20px;border-radius:50px;background:#0082e7}.ac618 .rule-box{padding:10px;margin-top:10px}.ac618 .rule-box .titleac{font-size:16px;color:#fff;padding-left:10px;border-left:5px solid #3a0a72;height:20px;line-height:20px;margin-bottom:10px}.ac618 .rule-box p{font-size:10px;color:#ffa7b4;line-height:24px;padding-left:14px}.slide-bar{display:none}
\ No newline at end of file

src/views/ac618/ac618.vue

@@ -2,25 +2,26 @@
     <div class="ac618">
     <div class="ac618">
         <div class="floor1"></div>
         <div class="floor1"></div>
         <div class="floor2">
         <div class="floor2">
-			<a href="https://www.ichunt.com/v3/activity/qzncj" target="_blank" class="ljko ljko1"></a>
+            <a href="https://www.ichunt.com/v3/activity/qzncj" class="ljko ljko1"></a>
         </div>
         </div>
         <div class="floor3">
         <div class="floor3">
-			<a href="https://www.ichunt.com/v3/activity/qznbmb" target="_blank" class="ljko ljko2"></a>
-			<a href="https://www.ichunt.com/v3/activity/qznbmbw" target="_blank" class="ljko ljko3"></a>
+            <a href="https://www.ichunt.com/v3/activity/qznbmb" class="ljko ljko2"></a>
+            <a href="https://www.ichunt.com/v3/activity/qznbmbw" class="ljko ljko3"></a>
         </div>
         </div>
         <div class="zy-mall">
         <div class="zy-mall">
             <div class="titleac">自营折扣</div>
             <div class="titleac">自营折扣</div>
             <div class="list-cons">
             <div class="list-cons">
                 <div class="list-datas">
                 <div class="list-datas">
-                    <a href="https://www.ichunt.com/item/39885.html" class="clr" target="_blank">
-                        <div class="item fl t2">MCP1700T-3002E/TT</div>
-                        <div class="item fl t3">原价：<span>￥1.5882</span></div>
-                        <div class="item item33 fitstit fl t1">MICROCHIP(微芯)</div>
-                        <div class="item item33 ta-c fl t1">库存:122532</div>
-                        <div class="item item33 fl t4">折扣价：<span>￥1.42938</span></div>
+                    <a v-for="(item,index) in list" :href="'https://www.ichunt.com/item/'+item.goods_id+'.html'" class="clr" v-show="((index+1)<=((page)*10))">
+                        <div class="item fl t2">{{item.goods_name}}</div>
+                        <div class="item fl t3">原价：<span>{{item.price}}</span></div>
+                        <div class="item item33 fitstit fl t1">{{item.brand_name}}</div>
+                        <div class="item item33 ta-c fl t1">库存:{{item.stock}}</div>
+                        <div class="item item33 fl t4">折扣价：<span>{{item.price_now}}</span></div>
                     </a>
                     </a>
                 </div>
                 </div>
-                <div @click="kfgo" class="kfbtng">咨询下单</div>
+                 <div class="kfbtng" @click="pageGo()" v-show="!isshowover">查看更多</div>
+                <div style="color:#fff;text-align:center;font-size:14px;padding-top:14px;" v-show="isshowover">暂无更多数据!</div>
             </div>
             </div>
         </div>
         </div>
         <div class="rule-box">
         <div class="rule-box">
@@ -53,11 +54,110 @@
             return {
             return {
                 isWindow: true,
                 isWindow: true,
                 carshow: false,
                 carshow: false,
-                loading:false
+                loading: false,
+                isshowover:false,
+                page:1,
+                list: [{
+                        "brand_name": "ADI",
+                        "goods_name": "lm358",
+                        "stock": 500,
+                        "price": "￥6.0",
+                        "price_now": "￥5.0",
+                        "goods_id": 11011
+                    },
+                    {
+                        "brand_name": "1ADI",
+                        "goods_name": "lm358",
+                        "stock": 500,
+                        "price": "￥6.0",
+                        "price_now": "￥5.0",
+                        "goods_id": 11011
+                    },
+                    {
+                        "brand_name": "2ADI",
+                        "goods_name": "lm358",
+                        "stock": 500,
+                        "price": "￥6.0",
+                        "price_now": "￥5.0",
+                        "goods_id": 11011
+                    },
+                    {
+                        "brand_name": "3ADI",
+                        "goods_name": "lm358",
+                        "stock": 500,
+                        "price": "￥6.0",
+                        "price_now": "￥5.0",
+                        "goods_id": 11011
+                    },
+                    {
+                        "brand_name": "4ADI",
+                        "goods_name": "lm358",
+                        "stock": 500,
+                        "price": "￥6.0",
+                        "price_now": "￥5.0",
+                        "goods_id": 11011
+                    },
+                    {
+                        "brand_name": "5ADI",
+                        "goods_name": "lm358",
+                        "stock": 500,
+                        "price": "￥6.0",
+                        "price_now": "￥5.0",
+                        "goods_id": 11011
+                    },
+                    {
+                        "brand_name": "6ADI",
+                        "goods_name": "lm358",
+                        "stock": 500,
+                        "price": "￥6.0",
+                        "price_now": "￥5.0",
+                        "goods_id": 11011
+                    },
+                    {
+                        "brand_name": "7ADI",
+                        "goods_name": "lm358",
+                        "stock": 500,
+                        "price": "￥6.0",
+                        "price_now": "￥5.0",
+                        "goods_id": 11011
+                    },
+                    {
+                        "brand_name": "8ADI",
+                        "goods_name": "lm358",
+                        "stock": 500,
+                        "price": "￥6.0",
+                        "price_now": "￥5.0",
+                        "goods_id": 11011
+                    },
+                     {
+                        "brand_name": "9ADI",
+                        "goods_name": "lm358",
+                        "stock": 500,
+                        "price": "￥6.0",
+                        "price_now": "￥5.0",
+                        "goods_id": 11011
+                    },
+                     {
+                        "brand_name": "10ADI",
+                        "goods_name": "lm358",
+                        "stock": 500,
+                        "price": "￥6.0",
+                        "price_now": "￥5.0",
+                        "goods_id": 11011
+                    },
+                     {
+                        "brand_name": "11ADI",
+                        "goods_name": "lm358",
+                        "stock": 500,
+                        "price": "￥6.0",
+                        "price_now": "￥5.0",
+                        "goods_id": 11011
+                    }
+                ]
             };
             };
         },
         },
         watch: {
         watch: {
-            loading(val){
+            loading(val) {
                 console.log(val)
                 console.log(val)
             }
             }
         },
         },
@@ -70,22 +170,12 @@
             })
             })
         },
         },
         methods: {
         methods: {
-            kfgo() {
-                this.$nextTick(() => {
-                    document.getElementById("kubtn2020").click()
-
-                })
-            },
-            getYuq(id) {
-                if (Util.getCookie("Yo4teW_uid") && Util.getCookie('Yo4teW_skey')) {
-                    //登录
-                    this.$store.dispatch({
-                        type: 'issue',
-                        id: id
-                    })
-                } else {
-                    //未登录
-                    window.location.href = '/v3/login?referer=' + encodeURIComponent(window.location.href);
+            pageGo(){
+                var pg=Math.ceil(this.list.length/10)
+                 this.page++;
+                if(this.page>=pg){
+                    this.page=pg;
+                    this.isshowover=true
                 }
                 }
             }
             }
         },
         },

view/06d48ecbcb1f876e04d3.hot-update.json

+{"h":"7787a44f2b43083009e1","c":{"21":true}}
\ No newline at end of file

view/07564f0e218cbc2f7c99.hot-update.json

+{"h":"38cc63cda4299df43af7","c":{"21":true}}
\ No newline at end of file

view/0a3b969099c94a90fd37.hot-update.json

+{"h":"e4318c9417049f7a5793","c":{"21":true}}
\ No newline at end of file

view/13d2b72386e84adcb9fb.hot-update.json

+{"h":"5eebf2ddda554dedb047","c":{"21":true}}
\ No newline at end of file

view/312d3fe29e08801e9430.hot-update.json

+{"h":"d14794afc3775df5829c","c":{"21":true}}
\ No newline at end of file

view/33c74f2f9ab5df308355.hot-update.json

+{"h":"5652a597e820f288ecb9","c":{"21":true}}
\ No newline at end of file

view/379d612f9f2a8b80184e.hot-update.json

+{"h":"5cbd81d32e6f5fb310f3","c":{"21":true}}
\ No newline at end of file

view/38cc63cda4299df43af7.hot-update.json

+{"h":"cacb1b74654ba189233c","c":{"21":true}}
\ No newline at end of file

view/50012268bfa23098aa9b.hot-update.json

+{"h":"0a3b969099c94a90fd37","c":{"21":true}}
\ No newline at end of file

view/50190469e8b34ed66e85.hot-update.json

+{"h":"e025050d3696becbb44a","c":{"21":true}}
\ No newline at end of file

view/5652a597e820f288ecb9.hot-update.json

+{"h":"312d3fe29e08801e9430","c":{"21":true}}
\ No newline at end of file

view/5bf8fa208c5c5590a816.hot-update.json

+{"h":"cba7ae31eb1c78ff4d31","c":{"21":true}}
\ No newline at end of file

view/5cbd81d32e6f5fb310f3.hot-update.json

+{"h":"06d48ecbcb1f876e04d3","c":{"21":true}}
\ No newline at end of file