78 lines
2.9 KiB
Vue
78 lines
2.9 KiB
Vue
<template>
|
||
<view>
|
||
<!-- 状态栏 -->
|
||
<status-nav :titleVal="'签到管理'" :statusTitle="true"></status-nav>
|
||
<view :style="{paddingTop: statusHNH+'px'}" class=" fon28 col3">
|
||
<view class="posir">
|
||
<image class="posia width100" src="/static/public/sign-01.png" mode="widthFix"></image>
|
||
<view class="posir tc pad-sx20" style="z-index: 5;">
|
||
<image src="/static/public/sign-02.png" mode="" style="width: 218rpx;height: 202rpx;margin: 0 auto;"></image>
|
||
<view class="fon20 colf mar-s20">在连续签到6天，就可以获得额外300积分哦~加油吧</view>
|
||
<view class="disjcac mar-sx30">
|
||
<image src="/static/public/sign-03.png" style="width: 31rpx;height: 30rpx;margin-top: 20rpx;" mode=""></image>
|
||
<view class="bold colf mar-z10" style="font-size: 56rpx;">1000</view>
|
||
</view>
|
||
<view class="disjb pad-zy30">
|
||
<view v-for="(item,index) in timeList" :key="index" class="disjcac fc">
|
||
<view class="disjcac fon24 posir" :style="{color:item.isSign?'#789CFB':'#FFFFFF',background:item.isSign?'#FFFFFF':''}" style="width: 66rpx;height: 66rpx;border-radius: 100%;border: 2rpx solid #FFFFFF;">
|
||
+{{item.num}}
|
||
<view v-if="index==1" class="posia" style="width: 27rpx;height: 27rpx;border-radius: 100%;border: 1rpx solid #759FFD;text-align: center;line-height: 27rpx;color: #759FFD;background: #FFFFFF;font-size: 20rpx;right: 0rpx;bottom: -8rpx;">√</view>
|
||
</view>
|
||
<view class="fon28 colf mar-s20">{{item.day}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 获取列表，提现列表 -->
|
||
<view class="pad-zy30">
|
||
<view class="mar-s20 bacf pad20 radius20">
|
||
<view class="mar-x20 fon28 col3 bold">签到记录</view>
|
||
<view v-for="(item,index) in dataList" :key="index" class="disjbac bbot pad-sx10">
|
||
<view>
|
||
<view class="fon26 col3">{{item.title}}</view>
|
||
<view class="mar-s10 fon20 col9">{{item.time}}</view>
|
||
</view>
|
||
<view class="fon36 bold" style="color: #3875F6;">+{{item.num}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
statusHNH:uni.getStorageSync('statusHNH'),
|
||
publicColor:uni.getStorageSync('publicColor'),//主题颜色
|
||
timeList:[
|
||
{num:'10',day:'3.21',isSign:true},
|
||
{num:'10',day:'今天',isSign:true},
|
||
{num:'20',day:'明天',isSign:false},
|
||
{num:'20',day:'9.11',isSign:false},
|
||
{num:'20',day:'9.12',isSign:false},
|
||
{num:'20',day:'9.13',isSign:false},
|
||
{num:'20',day:'9.14',isSign:false},
|
||
],
|
||
dataList:[
|
||
{title:'签到积分',time:'2021.09.06 10:30:10',num:'1'},
|
||
{title:'签到积分',time:'2021.09.06 10:30:10',num:'1'},
|
||
{title:'签到积分',time:'2021.09.06 10:30:10',num:'1'},
|
||
{title:'签到积分',time:'2021.09.06 10:30:10',num:'1'},
|
||
],
|
||
}
|
||
},
|
||
onLoad() {
|
||
this.$toolAll.tools.isLogin()
|
||
},
|
||
methods: {
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
page{background-color: #FFFFFF;}
|
||
</style>
|