parent
9db1233b44
commit
fd039f2c04
@ -0,0 +1,90 @@ |
||||
<template> |
||||
<view> |
||||
<view class="imgshead"></view> |
||||
<view class="imgscontent"> |
||||
<view class="conts paddtop13"> |
||||
<view v-for="(item,index) in couponList" :key="index" class="conpon border-r height90 flleft marb10 "> |
||||
<view class="width94 font15 fontwig6 fotlt fcorfff mart5"> |
||||
96折星巴克优惠券 |
||||
</view> |
||||
<view class="width80 fotct backcor99 mart5 linec6" style="opacity: 0.2;"></view> |
||||
|
||||
<view class="width90 font10 fotlt fcorfff mart3"> |
||||
满30-5元 |
||||
</view> |
||||
<view class="width90 font10 fotlt fcorfff mart3"> |
||||
有效时间: 30天 |
||||
</view> |
||||
<view class="width90 font10 fotlt fcorfff mart3"> |
||||
截止时间:2023年2月31日 |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="imgsfoot"> |
||||
<view class="width100 height50"></view> |
||||
<view class="couponBtn fontlet font24 fotct fontwig6 width60w height45l">一键领取</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
let app = getApp(); |
||||
export default { |
||||
data() { |
||||
return { |
||||
imagewxUrl: app.globalData.imageWxImg, |
||||
imgadres: 'share1.png', |
||||
imgadres1: 'share2.png', |
||||
couponList: [1, 2, 3, 4, 5, 6] |
||||
} |
||||
}, |
||||
methods: { |
||||
|
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.imgshead { |
||||
background-image: url(https://hsgcs.dctpay.com/filesystem/wxApplets/share1.png); |
||||
background-size: 100% 230px; |
||||
height: 230px; |
||||
background-repeat: no-repeat; |
||||
} |
||||
|
||||
.imgscontent { |
||||
background-image: url(https://hsgcs.dctpay.com/filesystem/wxApplets/share2.png); |
||||
background-size: 100% 320px; |
||||
height: 320px; |
||||
background-repeat: no-repeat; |
||||
|
||||
.conts { |
||||
width: 74%; |
||||
margin-left: 13%; |
||||
} |
||||
} |
||||
|
||||
.imgsfoot { |
||||
background-image: url(https://hsgcs.dctpay.com/filesystem/wxApplets/share3.png); |
||||
background-size: 100% 250px; |
||||
height: 250px; |
||||
background-repeat: no-repeat; |
||||
} |
||||
|
||||
|
||||
.conpon { |
||||
background: linear-gradient(to bottom, #fe8e3f, #f14f21); |
||||
width: 48%; |
||||
margin-right: 1%; |
||||
margin-left: 1%; |
||||
} |
||||
|
||||
.couponBtn { |
||||
letter-spacing: 3px; |
||||
color: #ff482d; |
||||
border-radius: 25px; |
||||
background: linear-gradient(to right, #fea03c, #f7dd6a); |
||||
} |
||||
</style> |
Loading…
Reference in new issue