614 lines
908 KiB
Vue
614 lines
908 KiB
Vue
|
<template>
|
||
|
|
<view class="lucky-wheel">
|
||
|
|
<view class="header">
|
||
|
|
<view class="rules-button" @click="rulesShow = true">抽奖规则</view>
|
||
|
|
<view class="winning-tips-list">
|
||
|
|
<view v-if="userList.length" class="inner acea-row row-center-wrapper">
|
||
|
|
<noticeBar :showMsg="userList"></noticeBar>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="wheel-container">
|
||
|
|
<view class="wheel-panel" :style="{ transform: `rotate(${rotateAngle}deg)` }">
|
||
|
|
<view v-for="(item, index) in prizeList" :key="item.id" :style="{ transform: `rotate(${index*360/8}deg) skewY(-45deg)` }" class="item"></view>
|
||
|
|
</view>
|
||
|
|
<view class="wheel-prize" :style="{ transform: `rotate(${rotateAngle}deg)` }">
|
||
|
|
<view v-for="(item, index) in prizeList" :key="item.id" :style="{ transform: `rotate(${(2*index+1)*360/8/2}deg) translateX(-50%)` }" class="item">
|
||
|
|
<view class="">{{ item.name }}</view>
|
||
|
|
<image :src="item.image" class="image"></image>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="wheel-point">
|
||
|
|
<view class="draw-button" @click="getWiningIndex"></view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="number-wrapper">你获得 <text class="number">{{ lottery_num }}次</text> 抽奖机会</view>
|
||
|
|
<view class="share-button-wrapper">
|
||
|
|
<!-- #ifdef H5 -->
|
||
|
|
<view v-if="factor = 5" class="share-button acea-row row-center-wrapper" @click="H5ShareBox = true">邀请好友</view>
|
||
|
|
<!-- #endif -->
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="main-wrapper">
|
||
|
|
<!-- 中奖记录 -->
|
||
|
|
<view v-if="userList.length" class="record-wrapper">
|
||
|
|
<view class="wrapper-header acea-row row-center-wrapper">
|
||
|
|
<view class="title">中奖记录</view>
|
||
|
|
</view>
|
||
|
|
<scroll-view scroll-y="true" class="wrapper-main">
|
||
|
|
<view v-for="item in userList" :key="item.id" class="item">恭喜 <text class="mark">{{ item.user.nickname }}</text> 获得 <text class="mark">{{ item.prize.name }}</text></view>
|
||
|
|
</scroll-view>
|
||
|
|
</view>
|
||
|
|
<!-- 活动奖品 -->
|
||
|
|
<view class="prize-wrapper">
|
||
|
|
<view class="wrapper-header">
|
||
|
|
<view class="title-box acea-row row-middle">
|
||
|
|
<view class="title">活动奖品</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="wrapper-main">
|
||
|
|
<view class="list acea-row">
|
||
|
|
<template v-for="item in prizeList">
|
||
|
|
<view v-if="item.type != 1" :key="item.id" class="item">
|
||
|
|
<view class="image-wrap">
|
||
|
|
<image :src="item.image" class="image"></image>
|
||
|
|
</view>
|
||
|
|
<view class="">{{ item.name }}</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<!-- 我的奖品 -->
|
||
|
|
<view v-if="myList.length" class="prize-wrapper mine">
|
||
|
|
<view class="wrapper-header">
|
||
|
|
<view class="title-box acea-row row-middle">
|
||
|
|
<view class="title">我的奖品</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="wrapper-main">
|
||
|
|
<view class="list">
|
||
|
|
<view class="item th acea-row row-middle">
|
||
|
|
<view class="mark">序号</view>
|
||
|
|
<view class="time">获奖时间</view>
|
||
|
|
<view class="">奖品名称</view>
|
||
|
|
</view>
|
||
|
|
<view v-for="(item, index) in myList" :key="item.id" class="item acea-row row-middle">
|
||
|
|
<view class="mark">{{ index + 1 }}</view>
|
||
|
|
<view class="time">{{ item.add_time }}</view>
|
||
|
|
<view class="">{{ item.prize.name }}</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<!-- 抽奖规则弹窗 -->
|
||
|
|
<view v-if="rulesShow || aleartStatus" class="mask" @touchmove.stop.prevent="moveHandle"></view>
|
||
|
|
<view class="rules-popup" :class="{ active: rulesShow }" @touchmove.stop.prevent="moveHandle">
|
||
|
|
<view class="popup-top acea-row row-center-wrapper">
|
||
|
|
<view class="title">抽奖规则</view>
|
||
|
|
<view class="">
|
||
|
|
<text class="iconfont"></text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<scroll-view scroll-y="true" class="popup-center">
|
||
|
|
<view v-html="htmlData"></view>
|
||
|
|
</scroll-view>
|
||
|
|
<view class="popup-bottom">
|
||
|
|
<view class="button acea-row row-center-wrapper" @click="rulesShow = false">我知道了</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<!-- 抽奖结果弹窗 -->
|
||
|
|
<lotteryAleart :aleartStatus="aleartStatus" @close="closeLottery" :alData="alData" :aleartType="aleartType">
|
||
|
|
</lotteryAleart>
|
||
|
|
<!-- #ifdef H5 -->
|
||
|
|
<view class="share-box" v-if="H5ShareBox">
|
||
|
|
<image :src="imgHost + '/statics/images/share-info.png'" @click="H5ShareBox = false"></image>
|
||
|
|
</view>
|
||
|
|
<!-- #endif -->
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import {
|
||
|
|
getLotteryData,
|
||
|
|
startLottery,
|
||
|
|
receiveLottery,
|
||
|
|
} from '@/api/lottery.js';
|
||
|
|
import {
|
||
|
|
HTTP_REQUEST_URL
|
||
|
|
} from '@/config/app';
|
||
|
|
import noticeBar from '../components/noticeBar.vue';
|
||
|
|
import lotteryAleart from '../../components/lotteryAleart/index.vue';
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
noticeBar,
|
||
|
|
lotteryAleart,
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
imgHost: HTTP_REQUEST_URL,
|
||
|
|
wr7s: false,
|
||
|
|
userList: [],
|
||
|
|
myList: [],
|
||
|
|
rulesShow: false,
|
||
|
|
rotateAngle: 0,
|
||
|
|
angleList: [],
|
||
|
|
prizeList: [],
|
||
|
|
winingIndex: 0,
|
||
|
|
lottery_num: 0,
|
||
|
|
id: 0,
|
||
|
|
type: '1',
|
||
|
|
aleartStatus: false,
|
||
|
|
addressModel: false,
|
||
|
|
H5ShareBox: false,
|
||
|
|
aleartType: 0,
|
||
|
|
alData: {},
|
||
|
|
htmlData: '',
|
||
|
|
factor: 0,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
computed: {},
|
||
|
|
onLoad() {
|
||
|
|
for (let i = 0; i < 8; i++) {
|
||
|
|
const angle = -(i * 45 + (45 / 2));
|
||
|
|
this.angleList.push(angle)
|
||
|
|
}
|
||
|
|
this.getLotteryData(this.type)
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
getLotteryData(type) {
|
||
|
|
uni.showLoading({
|
||
|
|
title: '获取抽奖信息'
|
||
|
|
});
|
||
|
|
getLotteryData(type).then(res => {
|
||
|
|
uni.hideLoading();
|
||
|
|
console.log(res)
|
||
|
|
let lottery = res.data.lottery;
|
||
|
|
this.id = res.data.lottery.id;
|
||
|
|
this.prizeList = lottery.prize;
|
||
|
|
this.lottery_num = res.data.lottery_num;
|
||
|
|
this.userList = res.data.all_record;
|
||
|
|
this.myList = res.data.user_record;
|
||
|
|
this.htmlData = res.data.lottery.content;
|
||
|
|
this.factor = res.data.lottery.factor;
|
||
|
|
}).catch(err => {
|
||
|
|
uni.hideLoading();
|
||
|
|
// this.lotteryShow = false
|
||
|
|
// this.loading = true
|
||
|
|
this.$util.Tips({
|
||
|
|
title: err
|
||
|
|
});
|
||
|
|
})
|
||
|
|
},
|
||
|
|
getWiningIndex() {
|
||
|
|
let that = this
|
||
|
|
startLottery({
|
||
|
|
id: this.id,
|
||
|
|
type: this.type
|
||
|
|
}).then(res => {
|
||
|
|
// if (res.data.code === 'subscribe') {
|
||
|
|
// that.$set(that, 'followCode', true);
|
||
|
|
// this.codeSrc = res.data.url
|
||
|
|
// return;
|
||
|
|
// }
|
||
|
|
this.alData = res.data;
|
||
|
|
let winingIndex = this.prizeList.findIndex(item => {
|
||
|
|
return item.id == this.alData.id;
|
||
|
|
});
|
||
|
|
this.winingIndex = winingIndex;
|
||
|
|
this.rotating();
|
||
|
|
}).catch(err => {
|
||
|
|
this.$util.Tips({
|
||
|
|
title: err
|
||
|
|
});
|
||
|
|
})
|
||
|
|
},
|
||
|
|
random(min, max) {
|
||
|
|
return parseInt(Math.random() * (max - min + 1) + min)
|
||
|
|
},
|
||
|
|
rotating() {
|
||
|
|
const config = {
|
||
|
|
duration: 5000,
|
||
|
|
circle: 8,
|
||
|
|
mode: "ease-in-out"
|
||
|
|
}
|
||
|
|
// 计算角度
|
||
|
|
const angle =
|
||
|
|
// 初始角度
|
||
|
|
this.rotateAngle +
|
||
|
|
// 多旋转的圈数
|
||
|
|
config.circle * 360 +
|
||
|
|
// 奖项的角度
|
||
|
|
this.angleList[this.winingIndex] -
|
||
|
|
(this.rotateAngle % 360);
|
||
|
|
this.rotateAngle = angle;
|
||
|
|
// 旋转结束后
|
||
|
|
setTimeout(() => {
|
||
|
|
// isRotating = false;
|
||
|
|
this.luck_draw_finish();
|
||
|
|
}, config.duration + 500);
|
||
|
|
},
|
||
|
|
// 抽奖完成
|
||
|
|
luck_draw_finish(param) {
|
||
|
|
this.aleartType = 2
|
||
|
|
this.aleartStatus = true
|
||
|
|
},
|
||
|
|
closeLottery(status) {
|
||
|
|
this.aleartStatus = false;
|
||
|
|
this.getLotteryData(this.type);
|
||
|
|
},
|
||
|
|
moveHandle() {}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.lucky-wheel {
|
||
|
|
.header {
|
||
|
|
padding: 406rpx 0 16rpx;
|
||
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAWkCAYAAACaeYROAAAAAXNSR0IArs4c6QAAIABJREFUeF7snQe4JUWZ/t9z7+RATq6r7oo54CYTrqyLEkwgmMOAWTALM4AgORhmyMIQRGUG06rAqmsA14yru393FXVdFcyBMAxp8r1zz//5qrv6fF1dnfuce/qct59nGObeir+qrnrr66+qOt3H/G0XfEiABEiABEiABEiABEiABIaaQIfCfajbh4UjARIgARIgARIgARIgAUOAwp0dgQRIgARIgARIgARIgARaQIDCvQWNxCKSAAmQAAmQAAmQAAmQAIU7+wAJkAAJkAAJkAAJkAAJtIAAhXsLGolFJAESIAESIAESIAESIAEKd/YBEiABEiABEiABEiABEmgBAQr3FjQSi0gCJEACJEACJEACJEACFO7sAyRAAiRAAiRAAiRAAiTQAgIU7i1oJBaRBEiABEiABEiABEiABCjc2QdIgARIgARIgARIgARIoAUEKNxb0EgsIgmQAAmQAAmQAAmQAAlQuLMPkAAJkAAJkAAJkAAJkEALCFC4t6CRWEQSIAESIAESIAESIAESoHBnHyABEiABEiABEiABEiCBFhCgcG9BI7GIJEACJEACJEACJEACJEDhzj5AAiRAAiRAAiRAAiRAAi0gQOHegkZiEUmABEiABEiABEiABEiAwp19gARIgARIgARIgARIgARaQIDCvQWNxCKSAAmQAAmQAAmQAAmQAIU7+wAJkAAJkAAJkAAJkAAJtIAAhXsLGolFJAESIAESIAESIAESIAEKd/YBEiABEiABEiABEiABEmgBAQr3FjQSi0gCJEACJEACJEACJEACFO7sAyRAAiRAAiRAAiRAAiTQAgIU7i1oJBaRBEiABEiABEiABEiABCjc2QdIgARIgARIgARIgARIoAUEKNxb0EgsIgmQAAmQAAmQAAmQAAlQuLMPkAAJkAAJkAAJkAAJkEALCFC4t6CRWEQSIAESIAESIAESIAESoHBnHyABEiABEiABEiABEiCBFhCgcG9BI7GIJEACJEACJEACJEACJEDhzj5AAiRAAiRAAiRAAiRAAi0gQOHegkZiEUmABEiABEiABEiABEiAwp19gARIgARIgARIgARIgARaQIDCvQWNxCKSAAmQAAmQAAmQAAmQAIU7+wAJkAAJkAAJkAAJkAAJtIAAhXsLGolFJAESIAESIAESIAESIAEKd/YBEiABEiABEiABEiABEmgBAQr3FjQSi0gCJEACJEACJEACJEACFO7sAyRAAiRAAiRAAiRAAiTQAgIU7i1oJBaRBEiABEiABEiABEiABCjc2QdIgARIgARIgARIgARIoAUEKNxb0EgsIgmQAAmQAAmQAAmQAAlQuLMPkAAJkAAJkAAJkAAJkEALCFC4t6CRWEQSIAESIAESIAESIAESoHBnHyABEiABEiABEiABEiCBFhCgcG9BI7GIJEACJEACJEACJEACJEDhzj5AAiRAAiRAAiRAAiRAAi0gQOHegkZiEUmABEiABEiABEiABEiAwp19gARIgARIgARIgARIgARaQIDCvQWNxCKSAAmQAAmQAAmQAAmQAIU7+wAJkAAJkAAJkAAJkAAJtIAAhXsLGolFJAESIAESIAESIAESIAEKd/YBEiABEiABEiABEiABEmgBAQr3FjQSi0gCJEACJEACJEACJEACFO7sAyRAAiRAAiRAAiRAAiTQAgIU7i1oJBaRBEiABEiABEiABEiABCjc2QdIgARIgARIgARIgARIoAUEKNxb0EgsIgmQAAmQAAmQAAmQAAlQuLMPkAAJkAAJkAAJkAAJkEALCFC4t6CRWEQSIAESIAESIAESIAESoHBnHyABEiABEiABEiABEiCBFhCgcG9BI7GIJEACJEACJEACJEACJEDhzj5AAiRAAiRAAiRAAiRAAi0gQOHegkZiEUmABEiABEiABEiABEiAwp19gARIgARIgARIgARIgARaQIDCvQWNxCKSAAmQAAmQAAmQAAmQAIU7+wAJkAAJkAAJkAAJkAAJtIAAhXsLGolFJAESIAESIAESIAESIAEKd/YBEiABEiABEiABEiABEmgBAQr3FjQSi0gCJEACJEACJEACJEACFO7sAyRAAiRAAiRAAiRAAiTQAgIU7i1oJBaRBEiABEiABEiABEiABCjc2QdIgARIgARIgARIgARIoAUEKNxb0EgsIgmQAAmQAAmQAAmQAAlQuLMPkAAJkAAJkAAJkAAJkEALCFC4t6CRWEQSIAESIAESIAESIAESoHBnHyABEiABEiABEiABEiCBFhCgcG9BI7GIJEACJEACJEACJEACJEDhzj5AAiRAAiRAAiRAAiRAAi0gQOHegkZiEUmABEiABEiABEiABEiAwp19gARIgARIgARIgARIgARaQIDCvQWNxCKSAAmQAAmQAAmQAAmQAIU7+wAJkAAJkAAJkAAJkAAJtIAAhXsLGolFJAESIAESIAESIAESIAEKd/YBEiABEiABEiABEiABEmgBAQr3FjQSi0gCJEACJEACJEACJEACFO7sAyRAAiRAAiRAAiRAAiTQAgIU7i1oJBaRBEiABEiABEiABEiABCjc2QdIgARIgARIgARIgARIoAUEKNxb0EgsIgmQAAmQAAmQAAmQAAlQuLMPkAAJkAAJkAAJkAAJkEALCFC4t6CRWEQSIAESIAESIAESIAESoHBnHyABEiABEiABEiABEiCBFhCgcG9BI7GIJEACJEACJEACJEACJEDhzj5AAiRAAiRAAiRAAiRAAi0gQOHegkZiEUmABEiABEiABEiABEiAwp19gARIgARIgARIgARIgARaQIDCvQWNxCKSAAmQAAmQAAmQAAmQAIU7+wAJkAAJkAAJkAAJkAAJtIAAhXsLGolFJAESIAESIAESIAESIAEKd/YBEiABEiABEiABEiABEmgBAQr3FjQSi0gCJEACJEACJEACJEACFO7sAyRAAiRAAiRAAiRAAiTQAgIU7i1oJBaRBEiABEiABEiABEiABCjc2QdIgARIgARIgARIgARIoAUEKNxb0EgsIgmQAAmQAAmQAAmQAAlQuLMPkAAJkAAJkAAJkAAJkEALCFC4t6CRWEQSIAESIAESIAESIAESoHBnHyABEiABEiABEiABEiCBFhCgcG9BI7GIJEACJEACJEACJEACJEDhzj5AAiRAAiRAAiRAAiRAAi0gQOHegkZiEUmABEiABEiABEiABEiAwp19gARIgARIgARIgARIgARaQIDCvQWNxCKSAAmQAAmQAAmQQCME5s4BJieByQmg0wEmJoDuDDDTDf5s3w5MTQPdbiPZMZFmCVC4N8uTqZEACZAACZAACZDAcBFYMB+YPw+YNweY6ARlE10e/q/339OhgN+6Ddg6NVz1GePSULiPceOz6iRAAiRAAiRAAiNMYPFCYNGCwKqeq9QzlLxY37eIgN9KET/L3YXCfZYbgNmTAAmQAAmQAAmQQKME5s8Fli4O3GGafqZngM1bgM1b6U7TNNsC6VG4F4DEICRAAiRAAiRAAiTQCgJLFwVW9n4/4g8vAn7jFgr4frNW6VO4DxA2syIBEiABEiABEiCBvhCQjaY7LQHmze1L8qmJioDfuBnYtGWw+Y5pbhTuY9rwrDYJkAAJkAAJkMCIEBDRvvNSQE6Mma1HBPz9GwNfeD59I0Dh3je0TJgESIAESIAESIAEBkBARPugLe1p1do2Bdy3Edg+M4CKj18WFO7j1+asMQmQAAmQAAmQwKgQ2GExsHD+cNVGDqgR9xn5w6dRAhTujeJkYiRAAiRAAiRAAiQwIAIL5gE7LhlQZhWykbPg790AyN/9fuTIy7mTgbuQuVzKXjDVCS6a0ifs2K8BMzPBlwHzJzy3fhBlrcGCwr0GPEYlARIgARIgARIggVkhIEJ01x0DUTrMj1jfN2xqdvOq1Flcg+RCqTmTwBx1sVRdFnJm/dR2QFx+5PKpIRPyFO51G5jxSYAESIAESIAESGDQBIbJr71I3UUI
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rules-button {
|
||
|
|
position: absolute;
|
||
|
|
top: 214rpx;
|
||
|
|
right: 0;
|
||
|
|
width: 52rpx;
|
||
|
|
padding: 10rpx 15rpx;
|
||
|
|
border-radius: 16rpx 0 0 16rpx;
|
||
|
|
background: linear-gradient(180deg, #FCF2DC 0%, #F5D494 100%);
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 22rpx;
|
||
|
|
line-height: 30rpx;
|
||
|
|
color: #E93323;
|
||
|
|
}
|
||
|
|
|
||
|
|
.winning-tips-list {
|
||
|
|
width: 488rpx;
|
||
|
|
height: 40rpx;
|
||
|
|
margin: 0 auto;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 40rpx;
|
||
|
|
|
||
|
|
.inner {
|
||
|
|
width: 488rpx;
|
||
|
|
height: 40rpx;
|
||
|
|
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 49%, rgba(255, 255, 255, 0) 100%);
|
||
|
|
}
|
||
|
|
|
||
|
|
/deep/.marquee-item {
|
||
|
|
font-size: 20rpx;
|
||
|
|
color: #E93323;
|
||
|
|
|
||
|
|
.name {
|
||
|
|
color: #E93323;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.wheel-container {
|
||
|
|
position: relative;
|
||
|
|
width: 504rpx;
|
||
|
|
height: 504rpx;
|
||
|
|
border-radius: 50%;
|
||
|
|
margin: 82rpx auto 0;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wheel-prize {
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
transition: transform 5000ms ease-in-out;
|
||
|
|
|
||
|
|
.item {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 50%;
|
||
|
|
width: 25%;
|
||
|
|
height: 50%;
|
||
|
|
padding-top: 24rpx;
|
||
|
|
transform-origin: 0% 100%;
|
||
|
|
text-align: center;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 24rpx;
|
||
|
|
line-height: 34rpx;
|
||
|
|
color: #E93323;
|
||
|
|
|
||
|
|
.image {
|
||
|
|
display: block;
|
||
|
|
width: 48rpx;
|
||
|
|
height: 48rpx;
|
||
|
|
margin: 24rpx auto 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.wheel-panel {
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
transition: transform 5000ms ease-in-out;
|
||
|
|
|
||
|
|
.item {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 50%;
|
||
|
|
width: 50%;
|
||
|
|
height: 50%;
|
||
|
|
background: linear-gradient(242deg, #FFF9D7 0%, #FFF7BC 100%);
|
||
|
|
transform-origin: 0% 100%;
|
||
|
|
|
||
|
|
&:nth-child(even) {
|
||
|
|
background: linear-gradient(239deg, #FFCE9B 0%, #FFB764 100%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.wheel-point {
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
|
||
|
|
.draw-button {
|
||
|
|
width: 212rpx;
|
||
|
|
height: 276rpx;
|
||
|
|
margin-top: -64rpx;
|
||
|
|
background-image: url(data:image/png;base64,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
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.number-wrapper {
|
||
|
|
margin: 222rpx 0 0;
|
||
|
|
text-align: center;
|
||
|
|
font-weight: 600;
|
||
|
|
font-size: 32rpx;
|
||
|
|
line-height: 56rpx;
|
||
|
|
color: rgba(255, 255, 255, 0.9);
|
||
|
|
}
|
||
|
|
|
||
|
|
.number {
|
||
|
|
color: #FFD68E;
|
||
|
|
}
|
||
|
|
|
||
|
|
.share-button-wrapper {
|
||
|
|
width: 588rpx;
|
||
|
|
height: 110rpx;
|
||
|
|
margin: 12rpx auto 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.share-button {
|
||
|
|
width: 588rpx;
|
||
|
|
height: 110rpx;
|
||
|
|
padding: 8rpx 0 24rpx;
|
||
|
|
background-image: url(data:image/png;base64,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
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 32rpx;
|
||
|
|
color: #E93323;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.main-wrapper {
|
||
|
|
padding: 38rpx 20rpx;
|
||
|
|
background-color: #FF3433;
|
||
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAAmCAYAAACbOR46AAAAAXNSR0IArs4c6QAAAyRJREFUeF7t3LGKU2EQhuH9TWKChYWFhYWFYGFhIbLKKqusoqJefy4jRQghIQkcGSH38ME8uYJ3npNiOAxnTNP0/saPAAECBAgQIECAAIFogXE6nW6jC8URIECAAAECBAgQaC6wWCymMU3Th+YOxidAgAABAgQIECAQL1CL+8f4SoEECBAgQIAAAQIEmguM8/l819zA+AQIECBAgAABAgSiBebz+f9TmU/RleIIECBAgAABAgQIELipxf0zBwIECBAgQIAAAQIEsgXqVOY+O1EdAQIECBAgQIAAgd4C11OZL70ZTE+AAAECBAgQIEAgX6BOZb7mZyokQIAAAQIECBAg0FugTmUeehOYngABAgQIECBAgEC2wPVU5lt2pjoCBAgQIECAAAECBOpU5jsGAgQIECBAgAABAgSyBepU5kd2ojoCBAgQIECAAAECvQWupzI/ezOYngABAgQIECBAgEC+QJ3K/MrPVEiAAAECBAgQIECgt8C4XC6/exOYngABAgQIECBAgEC2wGw2m+qN+5/sTHUECBAgQIAAAQIECNTi/hcDAQIECBAgQIAAAQLZArW4O5XJfkbqCBAgQIAAAQIECNzU4u5zkP4IBAgQIECAAAECBMIFanF/CG+UR4AAAQIECBAgQKC9QC3u9+0VABAgQIAAAQIECBAIF6jF/S68UR4BAgQIECBAgACB9gK1uN+2VwBAgAABAgQIECBAIFygFvd34Y3yCBAgQIAAAQIECLQXqMX9bXsFAAQIECBAgAABAgTCBWpxfxPeKI8AAQIECBAgQIBAe4Fa3F+3VwBAgAABAgQIECBAIFxgHI/HV+GN8ggQIECAAAECBAi0Flgul9M4HA4vWysYngABAgQIECBAgEC4wGq1msZ+v38R3imPAAECBAgQIECAQHuBsdvtnrdXAECAAAECBAgQIEAgXGBst9tn4Y3yCBAgQIAAAQIECLQXGJvN5ml7BQAECBAgQIAAAQIEwgXqc5BPwhvlESBAgAABAgQIEGgvMNbr9eP2CgAIECBAgAABAgQIhAvUG/dH4Y3yCBAgQIAAAQIECLQX+Adrd4AI6Xst4wAAAABJRU5ErkJggg==);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.record-wrapper {
|
||
|
|
.wrapper-header {
|
||
|
|
padding: 42rpx 0 40rpx;
|
||
|
|
|
||
|
|
.title {
|
||
|
|
padding: 0 74rpx;
|
||
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAYCAYAAACx4w6bAAAAAXNSR0IArs4c6QAAA9hJREFUWEfNV2+IVFUcPefNiGNNILml9iFHWChpFxcyIayc6Z8KiSuaEglqgg79gaWEhlqZt2RhsIVQ0WqZCQVZG+4iotnim/7ANm3kSoNspDiEH6w2/eBW2u6+E/PGdufpG+ftc6i5X+855/3O79x7371EjQ9ZuyOYbm9wyvzF2MXE+gt+SqYf0P+J0fGd+wA2OzVQnZyz8VE/9dS0MeXeXgDga5eRSWzibcljlczVtrEf3hhPa8yJutj4zPLAxmSZYcy8NQ27sLZ/bmPCHKkkVs155V6bi9FQv6dmaLSJDc9dNbWyiel4xwYI7zrCstex4ck91Sy8kpaOtn8CYmUZXBebNl81NU9jsswIpt14FMDtxU2LExg8O+e/Sk3fv7IQYA/AcNkGGFjMptRn5ea9jR1rXwvxfReJWse5m6uamnrNGCaH74StGMBCE+vBQjM5o1KixZWE06DyIAYAnQA5gFHlOG/LyTFjzp6qC83CMJuAUDuA2GXip0E7ib+Gf8RF5K81PX3X9jyEbb4MTBREpKi+tqdAtEAsGCkfvVt8xOmUsJ13pd+a6HedZn+75RyAqUG4FTnCEJVt/Q1AXUWwF4AY5PytNwXhKvtCH6R5QbgVOWQ/lU29CNveWhHsCTBSvHvbq0G46k3FANvyWPJB5Eo5eeDvhLPH1PtsGrbMiSnS5ILX2ybGcaNltcQw2bCgK/ZzMFkij4t2gont+fHD46un05BPc6TJe9+8JlP/Vu6Ym1SV5PIYNhxTxT9UyVBm4ykfSyPH+M7GYC31ZslKxhAyLMA5wAIM5TFaSKrDMeUyJisehmafAxStoHwBzN/ARKaqVyx9mVwE6VAAVwDtOO9754tS7vhSPPLYHbCNnC9hjtTzgb0nfWF9gmQ98TjAD3zCL9usWsn73/vU29jnq1bAVqebwTygCAD3TcBQMx/q7A5URBmSrLUvQWgNpEm0MrHnZW9jB5dtAtBxafIMEDKRPbsLsxDGzKmbIKVKDCa5pHtHoCLKGetZsw9A8UE54aFOPvih6wE6vhQ/jkcRvT4N4AyG/tjBVZmhUn3tjkdwc7RgfgZ+HWrj+oyvJ7rfGnV49U8g6/3iXTghx4c/ch1oNfHQdJp2y7Tz5W/z7AEVgXCPt3GNoPf3KTTHD7TaMHawOQbiVPHvo0t/IQHiNzDsFi7qzhYM6fDyhcWLBOMuXIEnzeaSriuP+0BLoEokJ7Hp0T6ADUVJ9sOQycX7PQ8oHVq6zHkZaOy9OIDs+caaS8xJY3+8DsZ1qyHm+ciBA5V6JjMexvwpKyDWwf5zL5dmBks5/wBsUFWKGIRjIAAAAABJRU5ErkJggg==),
|
||
|
|
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAYCAYAAACx4w6bAAAAAXNSR0IArs4c6QAAA+VJREFUWEfFWF1sU2UYfp7TTRYtCeICYozUBKOSERpcjESU1vmHzrgFRAwXsGDYIhqJclGZpKeRGEmmWaIxDH9QExKRGbYQmAHiqXgxmt1sGQFMZjgxu/BnQcxQmFvPS84pXXba0/Xr2bJ+N016nvfn6fO+7/eeEopHjINVWGxtc+B/aF8w2nRd0bQsMKpGlfMHjgGsz+DlWy7f/oqqbTlwSsTkwqdrkWbSlWAlw7y/ZaAcSavEVCM2+LEBMOJ2KF1c8UajSpByYIoSk3MfrkQ60O+ZXCAdZs3bc6qaGHoFltwTh2X3+m8JRvUJr9yKE+tvOwqgocCv3sXwrjlVTc7vfxOC9kyrW1tZ89rXJROTgX11SMvp6UvJinDV7p/motzE0KtQvXAQgmVOPGIII5cf9FLNUUx69RDmVTwES0IgayAIgagBWK2UsGAYFBPERUCGQF5EWs6xds+vSvaKIBlo2wLhVy44ZStX7spTjdKXaAWwV9F3aTAixtr4vtKMckaU3VPVgaUYZxgItAEI5fgbBq0WXBv/BWMws+pRUnuugaiaSfBpbK/w4fdu9+Nb+hI7QOyE0CZSoehjwqkcQTsltbsPIrWKhiXCeJaPvL+6RKPMXEi9+xcAtVbIDUCMUHpjIcAyPCT2k89UGxP4P8rV7aYfR5KKtcKyfLaIFssMD2NnCPM0wxkas3EIE2NWlFF/pLIpSO9bcViil5YSdT76UWLyHnPIVc6KcibGtRmTmiT38+txiCI5UudjnyQyN8GUI0ZLCAHNXp98Kicm0rZS+32VXyFlJLn9AoAHpldOhhj57L4sJm/zkDPNdRAUuZQLhKDU8/EDx0srneJo+bFpFJBgEeR10JzPaNJZsTyIvfoi0tJVPJwHQmQDn/jye1+2BYykZ1MIlYFLSj45sYx1h52lIJ+YsaUV4vPCpnzA6DfvKCWhCJJTG9fDkk43nCYg9t17p+t7TRr4VGe3N7HTm48A3KAYNwcmnXzy0Ev+bL2tpKdhGyCf33z6O6jtxdm/O7AUFViyoBkisSkEW7iuu8Ob2MmXB5190c8RGeLThycb2I+LXBv5LhJE8LY4gBGM/dvBxuQV18A7GKnComCzQ+7Pqwk2JZ2/LNxT0QbddccowEIrzA8gghCsKZj0P5zPjUeuzgapmfhwE+tpsLf6Sxm+cpO389lvL5p8pjtlB5OTjWszF6f9Vu3CASL3cl3XrI57PwTzFVsc7AOypch+aKLz2WNOQ+aVSU99HURrAyTsPLNfW1KjK6hnRm45T/5UPBpZgFtu3QxgmM+f8CSUR/D4c+sB3A3rv0N8ITlSTkLZ2DcAxHpWw19llccAAAAASUVORK5CYII=);
|
||
|
|
background-position: left center, right center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 54rpx 24rpx;
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 36rpx;
|
||
|
|
line-height: 36rpx;
|
||
|
|
color: rgba(255, 254, 239, 0.90);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrapper-main {
|
||
|
|
height: 352rpx;
|
||
|
|
padding: 44rpx 60rpx 0;
|
||
|
|
background-image: url(data:image/png;base64,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
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
|
||
|
|
.item {
|
||
|
|
padding-left: 42rpx;
|
||
|
|
margin-bottom: 34rpx;
|
||
|
|
background-image: url(data:image/png;base64,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);
|
||
|
|
background-position: left center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 32rpx 29rpx;
|
||
|
|
font-size: 24rpx;
|
||
|
|
line-height: 34rpx;
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mark {
|
||
|
|
color: #E93323;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.prize-wrapper {
|
||
|
|
margin-top: 60rpx;
|
||
|
|
|
||
|
|
&.mine .wrapper-header .title-box {
|
||
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAAB6CAYAAAB+3PvOAAAAAXNSR0IArs4c6QAAIABJREFUeF7snQe8XWWV9v+7nXbP7femN0hCIAmhSxMEFbEhKoK9l1HGXsZPHRUszOiMjmUso4goKNVBKaGIUqRDgEBIKElIubm5Kbeffs7e+/utt+zsRJQ6883HGH6XW885++z3edd61rPK6/C3f3+7A6k74PztbvztDqTvwN8AsQceYnAYXj6T+N4PEf7xfVRW9FOfBHIxwbITnfl3XP98htDfALFrdZ146KZ5ZIZOh/vfTXV5L7U1UGtCKwbfI8we8KavnX/vJV8+g9iB+PkIjP/1gFAWYXzFfKLRjxCvfjuN5d207oHmCNRiaMTQAnyHqG3Z993zV34SiHieguJ/LSDiOHbYumIRucmP4zz6Jlo3dRLdDc1BCBvQbEE9hrpafm0PilMr5E9/x43nfvl3xz1PQfG/DhDxGWe4jQ++anEmO/aJOF53msN9RaJVEG6BaBzCGrRaEC6ApgO1R6ARalB4DnS+7KoNv37kDfMWb2hyKpHjPL9cx/8aQMQXX+xx3Lz98WufhC2nEN9RIH4Q4lGIJiCuAA2IZkDwGsieCm4Mo2fB1kuhGUMG6Nz/ztW/HnppdXBH/ZAZhM4ZChDPGz7xvAdEfMMNPgd1HECz/BnYdDLRrTlYCYyD4wIhxHWIm+AdAdlPQnYJcSTkIgRnA6w9CUY3QwBxftofHv/10ClRhdqCIVpcQvR8Ipj/XwIivueeYLSbQvd5V046Z5whxvzP/snfNGcFBwfB2D/E4YMnOdEtAfEjQElvaMGC0w7MhWgAohL4H4L29xI7Pk5rIzSzUJwO2z8BG36kHhcH7vbImXf69qvWXy3O5CaIzjhDOZTnxb//bwAhJr+6aHx6PnJeglN5O+HkvlRHfkaz/avO8WdIHKD+xQ9dnGn1T3+B745/hujRV9L6k0+0BpxJcMSy++AE4O4Nxc8BM6H+C6hfCuGLiTr+idjL4zXWEI9sIJ71atzJf4Z1X4FWUz2cwpRSs/6qFz2w4ucPHrKV8PkUcfyPBkQcn+FyW1sf2bEXMTH0RkYGX8HQ2gKjO8GtQ08QsvSVr+OFF1zJ2uUZujJHwc7P0Lz35TT+5BCuA7cBroBASKEHbjcEb4b8OyCYBa0qxCuh9g2o3Qv5r4L3cmgOw9gqmHEcjH0SNl+keUQW6N2bMHjv+x//5hfOe765jf9xgFDh4P3f6aQxdDQjG9/A8ODr2f5oB+OTUG9BNYbQLEy3D4e9/Opw/rHf9/LFTxGvfDG1KxxaQxCH4Lrg+RDkwO0EusE9ENr/EXLTdTTRfAQyvRDdBOUvQTQV3E9By4PKPdA7FbZ/E4aHFN0gD/TsFYfR+9+99Qefv3htJ83jvkz4fIk2/kcAQolDK/+lwPDaI5jY/Lq4vPM0Z3hzHxMlh2pLK4X1SAtFSheItOnOxXDA7JjDF8ZktrqwDsI6iuaJewgcyMyD7KGaL4TDEE5A/8+J3T4cIZPRA+DMA8eD5nkw8UtgHsR90Pwj+OMwXAYJQoQpyOu2FYncUz728I9+cU71AOrPJ7fx/xQQ8fKPZPHXHkp98jWUqm9i5+AsxidcFfeLeRZmINagif5ahKKG+ZksjhPB3g68yoeOSFsFCQ+EKoh16HkrdP8fCF2oXQOtO6FyM/ScCf5JEO0E73GIZ4EzHeIRKH0cWuu0KxG1slGHSgxVAwghKhmPqPct524497yPP9+ijf92QMT3fCBgdP1SJssnUdr5FkZ2zqde92lG2hLIhwWA/SxgkA/5Xv2ds+v7E7vheB/cHdBs6l0shKH4BuLZP8Hx81BfA/WLILwWqmsh2Is4dw7UizjB+ZCZA+He4DSg/EOo3w5hFWp1LUoJGGrm9eX52wow9wN3b7vmj69uPvrA5KwjaTxfRKr/FkDccMNx/nENFjA6+EpqtbdTH19MtZFRi2stgXwWH62+NwuugJD6WgCh/kY0pBgWTYePHQfeRpi8H6rjRiLqgJlXQf8hULoCnC3acjibYfwKqFeJOv6NOHccXvVL4ItFKELrYWhug6ippeuafAhAfYh6Ibc39B4PXccTZ+ff0azU/t0pj68qjdy/ofvKv5t8PkQb/2WAuPjiU71Twwdn41dOpNl8B5XawVRrud0sgSyufIhVEL+vrEAKEOp39sPZZTksUNoycOx0yDRg3gB0huAJI/Fh1jnQcTRs+7gGhrM3ZA6EZh12fk8tfNx9LE7jEkBAUDEWSlyOA+FU8A+DwguhcBhk50LQBW4g/kiHuOKaIhqE8VArbN0ch60ro8na7Vfccv2W0047Ta7+Kf+LH3ssS75VZOa+I46j4uP/J/+eU0BInoCDLpgWxuXjvFr4bsrlI6k12hQPkEWXzwkADBjEBNtFl981ZDHk76xlSAHBAkhyDGIhZPcK6ZwTwwdFVnYMIMSsz9EconAyFPaByZsh7oL8QqjeCOP/CsEOrU+ISimvF7WBtwgKb4Piq8Gfosmms+s2KZ3aiNX2c/JbkSzDqNysNe6oVCo/qY5t/8Os/fYbfrKVveGGM/zjlr7xG8A7iOP7wLkcoluZrK5n70Mm/jsB8pwAIj7jOJ+DBw+iOf4pquVX0Gx1KEtgU8cKDCkAyNcChOSzAYGAQUhjGiDWSqQBIs+nACFuwIF3ZuBgCT9Sm9KXRNRxxHOvERYII5fh7Pg49LwYHAk3bwSk8EX8j3CQg4kLn8PJHw1+mzUCOkkhBkwMh7xsQ3/EcYwvEW3gqJyX3EilhBsdO2zGTI7Vt5ZHKj+qtyrn7HPg7ME9JW6xZWeegfPl0x88Fcc9XwsmhgNp57cVh9sg/B2N8J4do8MD/UuOL/9XSuXPChAqXPzdoiLRyFepl06nFga0hBc8waLaxRcgJB+y+42LkPWUnW+jCgsgtXPN88nXlnMIIBoRzMnA5/rA2alDTnm8WFxZpUw70bTvE+dPwK38Emf869q9SNJKVi/2VIQR5/6RuHgKbpAjFkEh3pWtkq+jEMoTMLA2ZOv6GmGlhp9pUuyCOQva6JvThuu7CSCUQZFVi2FyMmbLhtpws9U8c1Zx4Of9S5aoBVX37gycxntvW5LJtd8Ibo9Rz0yubM+lcSLieCNufANxfBnN+MGBDWPbZx91lFDe5+zfMwaEekMXz8rhls+lVD5NvUVFEo2pTxYxZQksEAT7auc7UDd/X5OFNxGGfWz6swKI/K2xNgIIlYGM4eQCzG9CZx2KRivw5LNsYdm+fTpMyIr5UVkr9UexfxJx8Ws42dkGCO6fgUFRjsGYDQ80acvUmTe/QmdfkyAbEas34RO7bURBB5G4F9dRRst+yG2p12HtxoidOxt35NrG3nf08ulr1Aq+9+IucvtdC86hxAJQuQeuuT65w9b0CISMtpIYEEKieDUO1xHGy6mV1lDODztLlsibfMb/nhEg4hiHM3FYVHg3tdbZisEryyALJrvcLvge1sByCHlzigfojLN6jNUXLGG0ABCQyONskYrSJgz5FFCIeinW4MgY3gx06OqmxPR6rrYIgaiWwgdkA/YQt32CKP9hnCCjrIVyCSJjGI4gCympi8H1LXY+VmXBkib9c2o4Yv6U1mF8CAKCLKFTJHLaiOX1HA0KeS31WbDbgscH4a4Hw5HOtpG3HjbxTzfNOv4938P13qc2grKgrv5s/Y88WLkhizDLNeWHakvuep+OECHuIuZqnPiPVFuPMnNo3HGOT/I8TwUlTxsQ1tQNdJCdOSX4g1OPj0zchAhAaZKoeIIx+XZR1S5Pg8EITbKoWRNtCFjGI6gY4ChtwdhxK1ZZHiE6QdaFj3pwaFOlqNVr2tUQSyH3T4QqVxbvAKL8N4kVV4iJY19ZBQUItcb6poehw7ZNIVsfLnHosRVy+Zr+A8tT5M/U3ZP/CQfJ0HK6Cd2cIRPJp4QVNEN4bAAuvaJeftWxpXMOX1g63YlqHpFRY+X+iZVRzy1gMECQz/I6Amzli4zlUM9s3J+4ybRpcpwaOH8gDK8eH9j8665lx4z+
|
||
|
|
}
|
||
|
|
|
||
|
|
&.mine .wrapper-main {
|
||
|
|
.list {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item {
|
||
|
|
margin: 0 0 32rpx;
|
||
|
|
text-align: left;
|
||
|
|
font-size: 24rpx;
|
||
|
|
line-height: 34rpx;
|
||
|
|
|
||
|
|
&.th {
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 28rpx;
|
||
|
|
line-height: 40rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.mark {
|
||
|
|
width: 152rpx;
|
||
|
|
padding-left: 8rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.time {
|
||
|
|
width: 266rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrapper-header {
|
||
|
|
padding-right: 32rpx;
|
||
|
|
background-image: url(data:image/png;base64,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
|
||
|
|
background-position: left 8rpx;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
|
||
|
|
.title-box {
|
||
|
|
padding: 48rpx 0 54rpx 32rpx;
|
||
|
|
background-image: url(data:image/png;base64,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
|
||
|
|
background-position: right top;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 114rpx 114rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.title {
|
||
|
|
padding: 0 74rpx;
|
||
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAYCAYAAACx4w6bAAAAAXNSR0IArs4c6QAAA9hJREFUWEfNV2+IVFUcPefNiGNNILml9iFHWChpFxcyIayc6Z8KiSuaEglqgg79gaWEhlqZt2RhsIVQ0WqZCQVZG+4iotnim/7ANm3kSoNspDiEH6w2/eBW2u6+E/PGdufpG+ftc6i5X+855/3O79x7371EjQ9ZuyOYbm9wyvzF2MXE+gt+SqYf0P+J0fGd+wA2OzVQnZyz8VE/9dS0MeXeXgDga5eRSWzibcljlczVtrEf3hhPa8yJutj4zPLAxmSZYcy8NQ27sLZ/bmPCHKkkVs155V6bi9FQv6dmaLSJDc9dNbWyiel4xwYI7zrCstex4ck91Sy8kpaOtn8CYmUZXBebNl81NU9jsswIpt14FMDtxU2LExg8O+e/Sk3fv7IQYA/AcNkGGFjMptRn5ea9jR1rXwvxfReJWse5m6uamnrNGCaH74StGMBCE+vBQjM5o1KixZWE06DyIAYAnQA5gFHlOG/LyTFjzp6qC83CMJuAUDuA2GXip0E7ib+Gf8RF5K81PX3X9jyEbb4MTBREpKi+tqdAtEAsGCkfvVt8xOmUsJ13pd+a6HedZn+75RyAqUG4FTnCEJVt/Q1AXUWwF4AY5PytNwXhKvtCH6R5QbgVOWQ/lU29CNveWhHsCTBSvHvbq0G46k3FANvyWPJB5Eo5eeDvhLPH1PtsGrbMiSnS5ILX2ybGcaNltcQw2bCgK/ZzMFkij4t2gont+fHD46un05BPc6TJe9+8JlP/Vu6Ym1SV5PIYNhxTxT9UyVBm4ykfSyPH+M7GYC31ZslKxhAyLMA5wAIM5TFaSKrDMeUyJisehmafAxStoHwBzN/ARKaqVyx9mVwE6VAAVwDtOO9754tS7vhSPPLYHbCNnC9hjtTzgb0nfWF9gmQ98TjAD3zCL9usWsn73/vU29jnq1bAVqebwTygCAD3TcBQMx/q7A5URBmSrLUvQWgNpEm0MrHnZW9jB5dtAtBxafIMEDKRPbsLsxDGzKmbIKVKDCa5pHtHoCLKGetZsw9A8UE54aFOPvih6wE6vhQ/jkcRvT4N4AyG/tjBVZmhUn3tjkdwc7RgfgZ+HWrj+oyvJ7rfGnV49U8g6/3iXTghx4c/ch1oNfHQdJp2y7Tz5W/z7AEVgXCPt3GNoPf3KTTHD7TaMHawOQbiVPHvo0t/IQHiNzDsFi7qzhYM6fDyhcWLBOMuXIEnzeaSriuP+0BLoEokJ7Hp0T6ADUVJ9sOQycX7PQ8oHVq6zHkZaOy9OIDs+caaS8xJY3+8DsZ1qyHm+ciBA5V6JjMexvwpKyDWwf5zL5dmBks5/wBsUFWKGIRjIAAAAABJRU5ErkJggg==),
|
||
|
|
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAYCAYAAACx4w6bAAAAAXNSR0IArs4c6QAAA+VJREFUWEfFWF1sU2UYfp7TTRYtCeICYozUBKOSERpcjESU1vmHzrgFRAwXsGDYIhqJclGZpKeRGEmmWaIxDH9QExKRGbYQmAHiqXgxmt1sGQFMZjgxu/BnQcxQmFvPS84pXXba0/Xr2bJ+N016nvfn6fO+7/eeEopHjINVWGxtc+B/aF8w2nRd0bQsMKpGlfMHjgGsz+DlWy7f/oqqbTlwSsTkwqdrkWbSlWAlw7y/ZaAcSavEVCM2+LEBMOJ2KF1c8UajSpByYIoSk3MfrkQ60O+ZXCAdZs3bc6qaGHoFltwTh2X3+m8JRvUJr9yKE+tvOwqgocCv3sXwrjlVTc7vfxOC9kyrW1tZ89rXJROTgX11SMvp6UvJinDV7p/motzE0KtQvXAQgmVOPGIII5cf9FLNUUx69RDmVTwES0IgayAIgagBWK2UsGAYFBPERUCGQF5EWs6xds+vSvaKIBlo2wLhVy44ZStX7spTjdKXaAWwV9F3aTAixtr4vtKMckaU3VPVgaUYZxgItAEI5fgbBq0WXBv/BWMws+pRUnuugaiaSfBpbK/w4fdu9+Nb+hI7QOyE0CZSoehjwqkcQTsltbsPIrWKhiXCeJaPvL+6RKPMXEi9+xcAtVbIDUCMUHpjIcAyPCT2k89UGxP4P8rV7aYfR5KKtcKyfLaIFssMD2NnCPM0wxkas3EIE2NWlFF/pLIpSO9bcViil5YSdT76UWLyHnPIVc6KcibGtRmTmiT38+txiCI5UudjnyQyN8GUI0ZLCAHNXp98Kicm0rZS+32VXyFlJLn9AoAHpldOhhj57L4sJm/zkDPNdRAUuZQLhKDU8/EDx0srneJo+bFpFJBgEeR10JzPaNJZsTyIvfoi0tJVPJwHQmQDn/jye1+2BYykZ1MIlYFLSj45sYx1h52lIJ+YsaUV4vPCpnzA6DfvKCWhCJJTG9fDkk43nCYg9t17p+t7TRr4VGe3N7HTm48A3KAYNwcmnXzy0Ev+bL2tpKdhGyCf33z6O6jtxdm/O7AUFViyoBkisSkEW7iuu8Ob2MmXB5190c8RGeLThycb2I+LXBv5LhJE8LY4gBGM/dvBxuQV18A7GKnComCzQ+7Pqwk2JZ2/LNxT0QbddccowEIrzA8gghCsKZj0P5zPjUeuzgapmfhwE+tpsLf6Sxm+cpO389lvL5p8pjtlB5OTjWszF6f9Vu3CASL3cl3XrI57PwTzFVsc7AOypch+aKLz2WNOQ+aVSU99HURrAyTsPLNfW1KjK6hnRm45T/5UPBpZgFtu3QxgmM+f8CSUR/D4c+sB3A3rv0N8ITlSTkLZ2DcAxHpWw19llccAAAAASUVORK5CYII=);
|
||
|
|
background-position: left center, right center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 54rpx 24rpx;
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 36rpx;
|
||
|
|
line-height: 36rpx;
|
||
|
|
color: #E93323;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrapper-main {
|
||
|
|
padding: 6rpx 32rpx 8rpx;
|
||
|
|
border-radius: 0 0 32rpx 32rpx;
|
||
|
|
background-color: #FFF3E2;
|
||
|
|
|
||
|
|
.list {
|
||
|
|
margin-right: -35rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item {
|
||
|
|
margin: 0 35rpx 30rpx 0;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 26rpx;
|
||
|
|
line-height: 36rpx;
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.image-wrap {
|
||
|
|
width: 192rpx;
|
||
|
|
height: 192rpx;
|
||
|
|
border: 4rpx dashed #FFB87E;
|
||
|
|
border-radius: 24rpx;
|
||
|
|
margin-bottom: 20rpx;
|
||
|
|
background: #FFFFFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.image {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
border-radius: 24rpx;
|
||
|
|
object-fit: contain;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.rules-popup {
|
||
|
|
position: fixed;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
z-index: 1001;
|
||
|
|
border-radius: 32rpx 32rpx 0 0;
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
transform: translateY(100%);
|
||
|
|
transition: 0.3s;
|
||
|
|
|
||
|
|
&.active {
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
|
||
|
|
&::before {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 280rpx;
|
||
|
|
background: linear-gradient(rgba(233, 51, 35, 0.20), rgba(255, 255, 255, 0));
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-top {
|
||
|
|
position: relative;
|
||
|
|
height: 108rpx;
|
||
|
|
|
||
|
|
.title {
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 32rpx;
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-center {
|
||
|
|
height: 972rpx;
|
||
|
|
padding: 0 32rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popup-bottom {
|
||
|
|
padding: 20rpx;
|
||
|
|
|
||
|
|
.button {
|
||
|
|
height: 72rpx;
|
||
|
|
border-radius: 36rpx;
|
||
|
|
background-color: #E93323;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 26rpx;
|
||
|
|
color: #FFFFFF;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.share-box {
|
||
|
|
z-index: 1300;
|
||
|
|
position: fixed;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
|
||
|
|
image {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|