Skip to content

梁建民 / h5

Go to a project
Commit 8031f40f by 肖康
Options

618活动

parent 8a5553cf
Expand all
Inline Side-by-side
Showing with 184 additions and 45 deletions
src/assets/css/ac618/ac618.less
.ac618{
background: #fe2035;
padding-bottom: 50px;
padding-bottom: 40px;
.floor1{
height:6.5rem;
......@@ -22,7 +22,30 @@
background-size: 100% 100%;
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{
padding:10px;
position: relative;
......@@ -83,14 +106,14 @@
.kfbtng{
display: block;
height:30px;
width:100px;
width:120px;
color:#fff;
font-size: 14px;
line-height: 30px;
text-align: center;
margin:0 auto;
margin-top: 20px;
border-radius: 6px;
border-radius: 50px;
background: #0082e7;
}
}
......@@ -110,7 +133,7 @@
font-size: 10px;
color:#ffa7b4;
line-height: 30px;
line-height: 24px;
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}
\ No newline at end of file
.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,36 +2,37 @@
<div class="ac618">
<div class="floor1"></div>
<div class="floor2">
<a href="https://www.ichunt.com/v3/activity/qzncj" target="_blank" class="ljko ljko1"></a>
</div>
<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>
</div>
<a href="https://www.ichunt.com/v3/activity/qzncj" class="ljko ljko1"></a>
</div>
<div class="floor3">
<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 class="zy-mall">
<div class="titleac">自营折扣</div>
<div class="list-cons">
<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>
</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 class="rule-box">
<div class="titleac">活动规则</div>
<p>1. 活动时间：2022年6月15日-2022年7月15日</p>
<p>2. 本次活动不与其他活动奖励重叠；</p>
<p>3. 新用户首次下单奖励京东卡以订单实付金额为准且订单状态显示为交易成功；</p>
<p>4. 活动结束后15个工作日内完成统计并发放奖励；</p>
<p>5. 在法律允许范围内，本活动最终解释权归猎芯网所有。</p>
<p>1. 活动时间：2022年6月15日-2022年7月15日</p>
<p>2. 本次活动不与其他活动奖励重叠；</p>
<p>3. 新用户首次下单奖励京东卡以订单实付金额为准且订单状态显示为交易成功；</p>
<p>4. 活动结束后15个工作日内完成统计并发放奖励；</p>
<p>5. 在法律允许范围内，本活动最终解释权归猎芯网所有。</p>
</div>
<van-loading type="spinner" color="#000" class="loading-background" v-if="loading1" />
<van-loading type="spinner" color="#000" class="loading-background" v-if="loading1" />
<SideBar :carshow="carshow" :isWindow="isWindow"></SideBar>
</div>
</template>
......@@ -53,11 +54,110 @@
return {
isWindow: true,
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: {
loading(val){
loading(val) {
console.log(val)
}
},
......@@ -65,27 +165,17 @@
},
computed: {
...mapState({
...mapState({
loading1: state => state.ac618.loading,
})
},
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 0 → 100644
{"h":"7787a44f2b43083009e1","c":{"21":true}}
\ No newline at end of file
view/07564f0e218cbc2f7c99.hot-update.json 0 → 100644
{"h":"38cc63cda4299df43af7","c":{"21":true}}
\ No newline at end of file
view/0a3b969099c94a90fd37.hot-update.json 0 → 100644
{"h":"e4318c9417049f7a5793","c":{"21":true}}
\ No newline at end of file
view/10.js
This diff could not be displayed because it is too large.
view/11.js
This diff could not be displayed because it is too large.
view/12.js
This diff could not be displayed because it is too large.
view/13.js
This diff could not be displayed because it is too large.
view/13d2b72386e84adcb9fb.hot-update.json 0 → 100644
{"h":"5eebf2ddda554dedb047","c":{"21":true}}
\ No newline at end of file
view/14.js
This diff could not be displayed because it is too large.
view/15.js
This diff could not be displayed because it is too large.
view/16.js
This diff could not be displayed because it is too large.
view/17.js
This diff could not be displayed because it is too large.
view/18.js
This diff could not be displayed because it is too large.
view/2.js
This diff could not be displayed because it is too large.
view/20.js
This diff could not be displayed because it is too large.
view/22.js
This diff could not be displayed because it is too large.
view/24.js
This diff could not be displayed because it is too large.
view/25.js
This diff could not be displayed because it is too large.
view/26.js
This diff could not be displayed because it is too large.
view/27.js
This diff could not be displayed because it is too large.
view/28.js
This diff could not be displayed because it is too large.
view/29.js
This diff could not be displayed because it is too large.
view/31.js
This diff could not be displayed because it is too large.
view/312d3fe29e08801e9430.hot-update.json 0 → 100644
{"h":"d14794afc3775df5829c","c":{"21":true}}
\ No newline at end of file
view/32.js
This diff could not be displayed because it is too large.
view/33c74f2f9ab5df308355.hot-update.json 0 → 100644
{"h":"5652a597e820f288ecb9","c":{"21":true}}
\ No newline at end of file
view/34.js
This diff could not be displayed because it is too large.
view/35.js
This diff could not be displayed because it is too large.
view/379d612f9f2a8b80184e.hot-update.json 0 → 100644
{"h":"5cbd81d32e6f5fb310f3","c":{"21":true}}
\ No newline at end of file
view/38cc63cda4299df43af7.hot-update.json 0 → 100644
{"h":"cacb1b74654ba189233c","c":{"21":true}}
\ No newline at end of file
view/39.js
This diff could not be displayed because it is too large.
view/4.js
This diff could not be displayed because it is too large.
view/41.js
This diff could not be displayed because it is too large.
view/47.js
This diff could not be displayed because it is too large.
view/49.js
This diff could not be displayed because it is too large.
view/5.js
This diff could not be displayed because it is too large.
view/50.js
This diff could not be displayed because it is too large.
view/50012268bfa23098aa9b.hot-update.json 0 → 100644
{"h":"0a3b969099c94a90fd37","c":{"21":true}}
\ No newline at end of file
view/50190469e8b34ed66e85.hot-update.json 0 → 100644
{"h":"e025050d3696becbb44a","c":{"21":true}}
\ No newline at end of file
view/52.js
This diff could not be displayed because it is too large.
view/53.js
This diff could not be displayed because it is too large.
view/55.js
This diff could not be displayed because it is too large.
view/5652a597e820f288ecb9.hot-update.json 0 → 100644
{"h":"312d3fe29e08801e9430","c":{"21":true}}
\ No newline at end of file
view/57.js
This diff could not be displayed because it is too large.
view/59.js
This diff could not be displayed because it is too large.
view/5bf8fa208c5c5590a816.hot-update.json 0 → 100644
{"h":"cba7ae31eb1c78ff4d31","c":{"21":true}}
\ No newline at end of file
view/5cbd81d32e6f5fb310f3.hot-update.json 0 → 100644
{"h":"06d48ecbcb1f876e04d3","c":{"21":true}}
\ No newline at end of file
view/6.js
This diff could not be displayed because it is too large.
view/60.js
This diff could not be displayed because it is too large.
view/62.js
This diff could not be displayed because it is too large.
view/65.js
This diff could not be displayed because it is too large.
view/66.js
This diff could not be displayed because it is too large.
view/69.js
This diff could not be displayed because it is too large.
view/7.js
This diff could not be displayed because it is too large.
view/72.js
This diff could not be displayed because it is too large.
view/8.js
This diff could not be displayed because it is too large.
view/9.js
This diff could not be displayed because it is too large.
view/app.js
This diff could not be displayed because it is too large.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment