321 lines
377 KiB
Vue
321 lines
377 KiB
Vue
|
<template>
|
|||
|
|
<view :data-theme="theme">
|
|||
|
|
<view class='sign'>
|
|||
|
|
<view class='header'>
|
|||
|
|
<view class="title mb30 flex">连续签到
|
|||
|
|
<view @click="toInfo()">
|
|||
|
|
<text class="iconfont icon-shuoming"></text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class='list acea-row row-center row-bottom'>
|
|||
|
|
<view class='item bg_color'>{{signCount[0] || 0}}</view>
|
|||
|
|
<view class='item bg_color'>{{signCount[1] || 0}}</view>
|
|||
|
|
<view class='item bg_color'>{{signCount[2] || 0}}</view>
|
|||
|
|
<view class='item bg_color'>{{signCount[3] || 0}}</view>
|
|||
|
|
<view class='data'>天</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="acea-row row-center-wrapper">
|
|||
|
|
<view class='tip acea-row row-center-wrapper'>
|
|||
|
|
<image src="../static/images/jinbi.png"></image>
|
|||
|
|
<view>{{'今日签到+'+ integral + '积分，+' + experience + '经验' }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<navigator hover-class='none'
|
|||
|
|
url='/pages/merchant/user_sgin_list/index'>
|
|||
|
|
<view class="record">
|
|||
|
|
签到记录
|
|||
|
|
<text class="iconfont icon-xiangyou"></text>
|
|||
|
|
</view>
|
|||
|
|
</navigator>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<signCalendar :yearMonth="targetDate" :dataSource="signData" @dateChange="getSignInfo"
|
|||
|
|
@clickChange="clickSign">
|
|||
|
|
</signCalendar>
|
|||
|
|
</view>
|
|||
|
|
<view class='signTip acea-row row-center-wrapper' :class='active==true?"on":""'>
|
|||
|
|
<view class='signTipLight loadingpic'></view>
|
|||
|
|
<view class='signTipCon'>
|
|||
|
|
<view class="signTipBox"></view>
|
|||
|
|
<view class='state'>签到成功</view>
|
|||
|
|
<view class='integral'>获得{{integral}}积分，{{experience}}经验</view>
|
|||
|
|
<view class='signTipBnt' @click='close'>好的</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class='mask' @touchmove.stop.prevent="false" :hidden='active==false'></view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
// +----------------------------------------------------------------------
|
|||
|
|
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
|||
|
|
// +----------------------------------------------------------------------
|
|||
|
|
// | Copyright (c) 2016~2024 https://www.crmeb.com All rights reserved.
|
|||
|
|
// +----------------------------------------------------------------------
|
|||
|
|
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
|||
|
|
// +----------------------------------------------------------------------
|
|||
|
|
// | Author: CRMEB Team <admin@crmeb.com>
|
|||
|
|
// +----------------------------------------------------------------------
|
|||
|
|
import {
|
|||
|
|
toLogin
|
|||
|
|
} from '@/libs/login.js';
|
|||
|
|
import {
|
|||
|
|
mapGetters
|
|||
|
|
} from "vuex";
|
|||
|
|
import signCalendar from '../components/signCalendar/index.vue';
|
|||
|
|
import Cache from '@/utils/cache';
|
|||
|
|
import {
|
|||
|
|
signInfo
|
|||
|
|
} from '@/api/user.js';
|
|||
|
|
import {
|
|||
|
|
setFormId
|
|||
|
|
} from '@/api/api.js';
|
|||
|
|
let app = getApp();
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
active: false,
|
|||
|
|
theme: app.globalData.theme,
|
|||
|
|
targetDate: parseInt(new Date().getFullYear()) + "-" + parseInt(new Date().getMonth() + 1), //本月
|
|||
|
|
sumCount: 0,
|
|||
|
|
signData: [],
|
|||
|
|
signCount: [],
|
|||
|
|
integral: 0,
|
|||
|
|
experience: 0,
|
|||
|
|
month: '',
|
|||
|
|
preMoth: ''
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
watch: {
|
|||
|
|
month(newVal) {
|
|||
|
|
let pre = Number(this.month)
|
|||
|
|
if (pre < 10) {
|
|||
|
|
this.preMoth = '0' + pre
|
|||
|
|
} else {
|
|||
|
|
this.preMoth = pre
|
|||
|
|
}
|
|||
|
|
let next = Number(this.month) + 1
|
|||
|
|
if (next > 12) {
|
|||
|
|
this.nextMoth = '0' + 1
|
|||
|
|
} else if (next < 10) {
|
|||
|
|
this.nextMoth = '0' + next
|
|||
|
|
} else {
|
|||
|
|
this.nextMoth = next
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad: function(options) {
|
|||
|
|
uni.showLoading({
|
|||
|
|
title: "加载中",
|
|||
|
|
mask: true,
|
|||
|
|
});
|
|||
|
|
let now = new Date()
|
|||
|
|
this.year = now.getFullYear()
|
|||
|
|
let month = now.getMonth() + 1
|
|||
|
|
let pre = Number(month)
|
|||
|
|
if (pre < 10) {
|
|||
|
|
this.month = '0' + pre
|
|||
|
|
} else {
|
|||
|
|
this.month = pre
|
|||
|
|
}
|
|||
|
|
this.getSignInfo(this.year + '-' + this.month);
|
|||
|
|
},
|
|||
|
|
components: {
|
|||
|
|
signCalendar
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
clickSign(day) {
|
|||
|
|
this.signData.push(day);
|
|||
|
|
this.sumCount++
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 关闭签到提示
|
|||
|
|
*/
|
|||
|
|
close: function() {
|
|||
|
|
this.active = false;
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 数字分割为数组
|
|||
|
|
* @param int num 需要分割的数字
|
|||
|
|
* @param int length 需要分割为n位数组
|
|||
|
|
*/
|
|||
|
|
PrefixInteger: function(num, length) {
|
|||
|
|
return (Array(length).join('0') + num).slice(-length).split('');
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 获取签到页信息
|
|||
|
|
*/
|
|||
|
|
getSignInfo: function(month) {
|
|||
|
|
signInfo({
|
|||
|
|
month: month
|
|||
|
|
}).then(res => {
|
|||
|
|
uni.hideLoading();
|
|||
|
|
let data = res.data;
|
|||
|
|
this.signData = data.signDateList
|
|||
|
|
this.signCount = this.PrefixInteger(data.signDayNum, 4);
|
|||
|
|
this.integral = data.integral;
|
|||
|
|
this.experience = data.experience;
|
|||
|
|
Cache.set('signRule', data.signRule);
|
|||
|
|
if(data.isTip) this.active = true;
|
|||
|
|
}).catch(err => {
|
|||
|
|
uni.hideLoading();
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
toInfo() {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: `/pages/users/user_sgin_info/index`
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.signTip {
|
|||
|
|
width: 644rpx;
|
|||
|
|
height: 645rpx;
|
|||
|
|
position: fixed;
|
|||
|
|
top: 50%;
|
|||
|
|
left: 50%;
|
|||
|
|
margin-left: -322rpx;
|
|||
|
|
margin-top: -322.5rpx;
|
|||
|
|
z-index: 99;
|
|||
|
|
text-align: center;
|
|||
|
|
transition: all 0.3s ease-in-out 0s;
|
|||
|
|
opacity: 0;
|
|||
|
|
transform: scale(0);
|
|||
|
|
.signTipLight {
|
|||
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoQAAAKFCAMAAABiNQjYAAAAjVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8DizOFAAAAL3RSTlMABAsHDxMdGRYnKyEvQiQ+OUYzSjZOYFtkUmhteVhVdHCCfoaLkJWZnaGmrLG4xJtLVuIAALjgSURBVHja7NzdkuogEATgNO37P/OZYiFggKO1Q1yw+iMhP7d2DUGJh4iIiIiI/Abqrbklcj8MbyiQ8imo2oGmnRRDuQtyf83gJZGKoNwG46YUSo8yKN8HgHWIWx6VAZz5PG8qhnIXVNqLozpRBOUueJNSKHeBQiguUAjlCyiE4imCUCUUH3/6YJtCKH8H1qDhWP4ArP1swKyJCT8WQq3G+Q7VwoIpQQQBGhCGjF085ktDFUJJ2csNqZ9RVsA3gYcftDZxZ0i7dSWFh21efNvhBq1K3BVSBEurbRRCnPMpqBxupHxgqezBjs92DKGsDtcLlLVWdsCuIQSqYq6xeQN4eo7HmcO9Q5gn9NACxeXl8KXzsqBvfgjx0RDmHJ5NT4dLO+cgeTjuIf2VMASawFfgzmASQ6h3BjZQ1QgMMHXeEEa0ZpthiiVDvHFeTQzh9d1S/ZSyIOQeODBEMnaHS06aYdkj1ge6Sy6yEkS9RbUslCJo3bAGGvjHyafEVdUvd8xlEvMKIfqPh5otLwWpxxXzYdrDWo7dS/cs19EEZWGjmcjPTtYxdFbCglUtbIblyRlsnw/1tzerQR9TDiuBvkr4AudUQhAchDAGUQPygtDDjjAnhHcPxyRAYkhfYi+oXwT7McQWIYwwpr95WA4abCMYUinEB0LIST/MYOiAVjispflCpieE2AW4JyaPENLxcUsIWQGIIU1LllLlD2BfCiF9IXx0Wn1qF3NCWIwzqNcIVtIUwXYgjmaHsLQYvhRJXwgReAWiT8PxOgAOWTRSBukP4cMEEw+2W9cpiwHz14uBerV0cYMSmFJoewXOELbC9dQ7BWeHQrg4HOBIroDlZHYIW4cDYghHMaQyuK5h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
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
z-index: -1;
|
|||
|
|
}
|
|||
|
|
.signTipCon {
|
|||
|
|
background-image: url('data:image/png;base64,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
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
width: 420rpx;
|
|||
|
|
height: 420rpx;
|
|||
|
|
margin-top: -700rpx;
|
|||
|
|
position: relative;
|
|||
|
|
.state {
|
|||
|
|
font-size: 34rpx;
|
|||
|
|
color: #fff;
|
|||
|
|
margin-top: 150rpx;
|
|||
|
|
}
|
|||
|
|
.integral {
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
color: rgba(255, 255, 255, 0.6);
|
|||
|
|
margin-top: 9rpx;
|
|||
|
|
}
|
|||
|
|
.signTipBnt {
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
@include main_color(theme);
|
|||
|
|
width: 260rpx;
|
|||
|
|
height: 76rpx;
|
|||
|
|
@include second-gradient(theme);
|
|||
|
|
border-radius: 38rpx;
|
|||
|
|
line-height: 76rpx;
|
|||
|
|
margin: 48rpx auto 0 auto;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.on {
|
|||
|
|
opacity: 1;
|
|||
|
|
transform: scale(1);
|
|||
|
|
}
|
|||
|
|
.signTipBox{
|
|||
|
|
@include main_bg_color(theme);
|
|||
|
|
height: 360rpx;
|
|||
|
|
width: 100%;
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 0;
|
|||
|
|
z-index: -1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sign {
|
|||
|
|
.header {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 542rpx;
|
|||
|
|
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABdwAAAQ8CAYAAACIBlxSAAAAAXNSR0IArs4c6QAAIABJREFUeF7s3VuPJGl6H/Z4Iw/V1YfpOXJnqeVBEuUVaEuQvTIMCbC1MuwLAgIMGyAvdCFAV7owoAt9AQ0/g7+F9l6EYRgeAQIJWxrIoOW1RC4oitrVzu7OoWe665CZcTDyfd6IyK7u6emezq6uyvrlxUZmHN6I+EXUXDz77+dNlQ8BAgQIECBAgAABAgQIECBAgAABAgQIECDw0gLppUcwAAECBAgQIECAAAECBAgQIECAAAECBAgQIFApuHsJCBAgQIAAAQIECBAgQIAAAQIECBAgQIDAHgQU3PeAaAgCBAgQIECAAAECBAgQIECAAAECBAgQIKDg7h0gQIAAAQIECBAgQIAAAQIECBAgQIAAAQJ7EFBw3wOiIQgQIECAAAECBAgQIECAAAECBAgQIECAgIK7d4AAAQIECBAgQIAAAQIECBAgQIAAAQIECOxBQMF9D4iGIECAAAECBAgQIECAAAECBAgQIECAAAECCu7eAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAcBBfc9IBqCAAECBAgQIECAAAECBAgQIECAAAECBAgouHsHCBAgQIAAAQIECBAgQIAAAQIECBAgQIDAHgQU3PeAaAgCBAgQIECAAAECBAgQIECAAAECBAgQIKDg7h0gQIAAAQIECBAgQIAAAQIECBAgQIAAAQJ7EFBw3wOiIQgQIECAAAECBAgQIECAAAECBAgQIECAgIK7d4AAAQIECBAgQIAAAQIECBAgQIAAAQIECOxBQMF9D4iGIECAAAECBAgQIECAAAECBAgQIECAAAECCu7eAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAcBBfc9IBqCAAECBAgQIECAAAECBAgQIECAAAECBAgouHsHCBAgQIAAAQIECBAgQIAAAQIECBAgQIDAHgQU3PeAaAgCBAgQIECAAAECBAgQIECAAAECBAgQIKDg7h0gQIAAAQIECBAgQIAAAQIECBAgQIAAAQJ7EFBw3wOiIQgQIECAAAECBAgQIECAAAECBAgQIECAgIK7d4AAAQIECBAgQIAAAQIECBAgQIAAAQIECOxBQMF9D4iGIECAAAECBAgQIECAAAECBAgQIECAAAECCu7eAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAcBBfc9IBqCAAECBAgQIECAAAECBAgQIECAAAECBAgouHsHCBAgQIAAAQIECBAgQIAAAQIECBAgQIDAHgQU3PeAaAgCBAgQIECAAAECBAgQIECAAAECBAgQIKDg7h0gQIAAAQIECBAgQIAAAQIECBAgQIAAAQJ7EFBw3wOiIQgQIECAAAECBAgQIECAAAECBAgQIECAgIK7d4AAAQIECBAgQIAAAQIECBAgQIAAAQIECOxBQMF9D4iGIECAAAECBAgQIECAAAECBAgQIECAAAECCu7eAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAcBBfc9IBqCAAECBAgQIECAAAECBAgQIECAAAECBAgouHsHCBAgQIAAAQIECBAgQIAAAQIECBAgQIDAHgQU3PeAaAgCBAgQIECAAAECBAgQIECAAAECBAgQIKDg7h0gQIAAAQIECBAgQIAAAQIECBAgQIAAAQJ7EFBw3wOiIQgQIECAAAECBAgQIECAAAECBAgQIECAgIK7d4AAAQIECBAgQIAAAQIECBAgQIAAAQIECOxBQMF9D4iGIECAAAECBAgQIECAAAECBAgQIECAAAECCu7eAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAcBBfc9IBqCAAECBAgQIECAAAECBAgQIECAAAECBAgouHsHCBAgQIAAAQIECBAgQIAAAQIECBAgQIDAHgQU3PeAaAgCBAgQIECAAAECBAgQIECAAAECBAgQIKDg7h0gQIAAAQIECBAgQIAAAQIECBAgQIAAAQJ7EFBw3wOiIQgQIECAAAECBAgQIECAAAECBAgQIECAgIK7d4AAAQIECBAgQIAAAQIECBAgQIAAAQIECOxBQMF9D4iGIECAAAECBAgQIECAAAECBAgQIECAAAECCu7eAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAcBBfc9IBqCAAECBAgQIECAAAECBAgQIECAAAECBAgouHsHCBAgQIAAAQIECBAgQIAAAQIECBAgQIDAHgQU3PeAaAgCBAgQIECAAAECBAgQIECAAAECBAgQIKDg7h0gQIAAAQIECBAgQIAAAQIECBAgQIAAAQJ7EFBw3wOiIQgQIECAAAECBAgQIECAAAECBAgQIECAgIK7d4AAAQIECBAgQIAAAQIECBAgQIAAAQIECOxBQMF9D4iGIECAAAECBAgQIECAAAECBAgQIECAAAECCu7eAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAcBBfc9IBqCAAECBAgQIECAAAECBAgQIECAAAECBAgouHsHCBAgQIAAAQIECBAgQIAAAQIECBAgQIDAHgQU3PeAaAgCBAgQIECAAAECBAgQIECAAAECBAgQIKDg7h0gQIAAAQIECBAgQIAAAQIECBAgQIAAAQJ7EFBw3wOiIQgQIECAAAECBAgQIECAAAECBAgQIECAgIK7d4AAAQIECBAgQIAAAQIECBAgQIAAAQIECOxBQMF9D4iGIECAAAECBAgQIECAAAECBAgQIECAAAECCu7eAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAcBBfc9IBqCAAECBAgQIECAAAECBAgQIECAAAECBAgouHsHCBAgQIAAAQIECBAgQIAAAQIECBAgQIDAHgQU3PeAaAgCBAgQIECAAAECBAgQIECAAAECBAgQIKDg7h0gQIAAAQIECBAgQIAAAQIECBAgQIAAAQJ7EFBw3wOiIQgQIECAAAECBAgQIECAAAECBAgQIECAgIK7d4AAAQIECBAgQIAAAQIECBAgQIAAAQIECOxBQMF9D4iGIECAAAECBAgQIECAAAECBAgQIECAAAECCu7eAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAcBBfc9IBqCAAECBAgQIECAAAECBAgQIECAAAECBAgouHsHCBAgQIAAAQIECBAgQIAAAQIECBAgQIDAHgQU3PeAaAgCBAgQIECAAAECBAgQIECAAAECBAgQIKDg7h0gQIAAAQIECBAgQIAAAQIECBAgQIAAAQJ7EFBw3wOiIQgQIECAAAECBAgQIECAAAECBAgQIECAgIK7d4AAAQIECBAgQIAAAQIECBAgQIAAAQIECOxBQMF9D4iGIECAAAECBAgQIECAAAECBAgQIECAAAECCu7eAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAcBBfc9IBqCAAECBAgQIECAAAECBAgQIECAAAECBAgouHsHCBAgQIAAAQIECBAgQIAAAQIECBAgQIDAHgQU3PeAaAgCBAgQIECAAAECBAgQIECAAAECBAgQIKDg7h0gQIAAAQIECBAgQIAAAQIECBAgQIAAAQJ7EFBw3wOiIQgQIECAAAECBAgQIECAAAECBAgQIECAgIK7d4AAAQIECBAgQIAAAQIECBAgQIAAAQIECOxBQMF9D4iGIECAAAECBAgQIECAAAECBAgQIECAAAECCu7eAQIECBAgQIAAAQIECBAgQIAAAQIECBAgsAcBBfc9IBqCAAECBAgQIECAAAECBAgQIECAAAECBAgouHsHCBAgQIAAAQIECBAgQIAAAQIECBAgQIDAHgQU3PeAaAgCBAgQIECAAAECBAgQIECAAAECBAgQIKDg7h0gQIAAAQIECBAgQIAAAQIECBAgQIAAAQJ7EFBw3wOiIQgQIECAAAECBAgQIECAAAECBAgQIECAgIK7d4AAAQIECBAgQIAAAQIECBAgQIAAAQIECOxBQMF9D4iGIECAAAECBAgQIECAAAECBAgQIECAAAECCu7eAQIECBAgQIAAAQIECBAgQ
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
@include main_bg_color(theme);
|
|||
|
|
padding-top: 60rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.title {
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
|
|||
|
|
.icon-shuoming {
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
margin-left: 12rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tip {
|
|||
|
|
margin-top: 50rpx;
|
|||
|
|
height: 50rpx;
|
|||
|
|
line-height: 50rpx;
|
|||
|
|
color: #fff;
|
|||
|
|
background-color: #FFB22D;
|
|||
|
|
box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
|
|||
|
|
border-radius: 27rpx;
|
|||
|
|
opacity: 1;
|
|||
|
|
padding: 0 17rpx;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 28rpx;
|
|||
|
|
height: 28rpx;
|
|||
|
|
margin-right: 5rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon-xiangyou {
|
|||
|
|
font-size: 22rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.record {
|
|||
|
|
position: absolute;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
top: 40rpx;
|
|||
|
|
right: 0;
|
|||
|
|
color: #FFDDB8;
|
|||
|
|
font-size: 22rpx;
|
|||
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|||
|
|
padding: 8rpx 18rpx;
|
|||
|
|
border-radius: 20px 0px 0px 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list {
|
|||
|
|
.item {
|
|||
|
|
width: 80rpx;
|
|||
|
|
height: 116rpx;
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
@include main_color(theme);
|
|||
|
|
font-size: 72rpx;
|
|||
|
|
font-weight: bold;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 116rpx;
|
|||
|
|
margin-right: 19rpx;
|
|||
|
|
border-radius: 8rpx;
|
|||
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAB0CAYAAAASLLWNAAAAAXNSR0IArs4c6QAAAsxJREFUeF7t3bFqFGEYRuHzgYYgCKkDksYbiHdgnU4RERVRkBQ2ghaCpaUKYiFYGEVECxErsfMGFPECbIJItAumkWD4ZZYYNiHC7rxd5my5zPlhnn3ZTROm2OfVWpsBloCTwCKwAMztd+0Bfm8dWAU+Ax+A91W1ufd+a/yNbbgLwA3g2AHG6XNr34D7wPOq+vPvgB3A1toh4B5wpc/pA2pWgJv/EMcBH4g38QxWqup6d/UIsLV2Dng8ce6FncByVb2q1tos8AWY12Uqge47cbEDdH1Tue26+GoH+BQ43f+MQZdvOsDu75zjg2bof/NfO8AfwJH+Zwy63OgAfw2aILx5AQUMBcLcBQoYCoS5CxQwFAhzFyhgKBDmLlDAUCDMXaCAoUCYu0ABQ4Ewd4EChgJh7gIFDAXC3AUKGAqEuQsUMBQIcxcoYCgQ5i5QwFAgzF2ggKFAmLtAAUOBMHeBAoYCYe4CBQwFwtwFChgKhLkLFDAUCHMXKGAoEOYuUMBQIMxdoIChQJi7wBRw6+faRnjGoPMSMPv8Bcz8EDAF9D/WM0F/hTM/BBQwFAhzFyhgKBDmLlDAUCDMXaCAoUCYu0ABQ4Ewd4EChgJh7gIFDAXC3AUKGAqEuQsUMBQIcxcoYCgQ5i5QwFAgzF2ggKFAmLtAAUOBMHeBAoYCYe4CBQwFwtwFChgKhLkLFDAUCHMXKGAoEOYuUMBQIMxdoIChQJi7QAFDgTB3gQKGAmHeLfA7cDQ8Z6j56AHNPiK8/8c/ekS4D6nvDzh6SP0Z4En/MwZdXu4AZ4GPwMKgKaa/+VXgRHVda+0U8Gz6MwZdXKqqtyPAbcS7wPKgSSa/+UdVdau7fBzwMPAQOD/5OYO88iVwraq2dgGOLfEicBuYHyTP/296DbhTVS/GL9lZ4PibrbUZ4Cyw1H1RAnNA92MzpNdvYB34BLwDXlfV5l6Av/FB56N9CotEAAAAAElFTkSuQmCC');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.data {
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|