62 lines
2.1 KiB
Vue
62 lines
2.1 KiB
Vue
|
<template>
|
||
|
|
<view>
|
||
|
|
<view class="" :style="{paddingTop:statusBarHeight+'px'}">
|
||
|
|
<image src="/static/tabbar/my-back.png" mode="" class="width100 posia" style="top: 0;z-index: -1;" lazy-load :style="{height:newHeight+'px'}"></image>
|
||
|
|
<view class="disac colf fon42" style="height: 42px;padding: 0 30rpx;"><view class="icon icon-return fon38 colf"></view>每日签到</view>
|
||
|
|
</view>
|
||
|
|
<view class="pad-zy30">
|
||
|
|
<view class="disjbac pad-sx30" style="background: linear-gradient(to bottom, #fefcfc 0%, #f8efed 100%);border-radius: 24rpx 24rpx 0 0;">
|
||
|
|
<view class="width33 disjcac fc">
|
||
|
|
<view class="fon20" style="color: #3e3e3e;">我的积分</view>
|
||
|
|
<view class="fon36 bold">99999</view>
|
||
|
|
</view>
|
||
|
|
<view class="width33 disjcac fc" style="border-left: 2rpx solid #f1e8e7;border-right: 2rpx solid #f1e8e7;">
|
||
|
|
<view class="fon20" style="color: #3e3e3e;">我的优惠券(张)</view>
|
||
|
|
<view class="fon36 bold">99</view>
|
||
|
|
</view>
|
||
|
|
<view class="width33 disjcac">
|
||
|
|
<view class="fon24 col-e42417 radius30 flexs disjcac" style="width: 180rpx;height: 60rpx;border: 2rpx solid #e42417;">积分商城</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="pad-zy20">
|
||
|
|
<view class="posir bacf disac fw pad-zy10 boxshow2 pad-x30" style="z-index: 1;">
|
||
|
|
<view @tap="chooseFun(index)" class="disjbac bbot width100 pad-sx20 pad-zy30" v-for="(item,index) in dataList" :key="index">
|
||
|
|
<view class="fon24 col-e42417">{{item.price}}</view>
|
||
|
|
<view class="fon20" style="color: #676767;">{{item.time}}</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
|
||
|
|
newHeight:uni.getSystemInfoSync().screenHeight,
|
||
|
|
dataList:[
|
||
|
|
{price:10,time:'2022.07.23'},
|
||
|
|
{price:10,time:'2022.07.23'},
|
||
|
|
{price:10,time:'2022.07.23'},
|
||
|
|
{price:10,time:'2022.07.23'},
|
||
|
|
{price:10,time:'2022.07.23'},
|
||
|
|
{price:10,time:'2022.07.23'},
|
||
|
|
{price:10,time:'2022.07.23'},
|
||
|
|
{price:10,time:'2022.07.23'},
|
||
|
|
{price:10,time:'2022.07.23'},
|
||
|
|
]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onLoad() {
|
||
|
|
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style></style>
|