2023-10-17

api/functionalUnit.js

@@ -1,66 +0,0 @@
-import request from '@/utils/request'
-
-//获取优惠券列表
-export function getCouponsList(data,types) {
-	//优惠券状态 0全部 1未使用 2已使用
-	return request({
-		url: '/api/coupons/user/'+types,
-		method: 'get',
-		data
-	});
-}
-
-//领取优惠券
-export function setCoupons(data) {
-	return request({
-		url: '/api/coupon/receive',
-		method: 'post',
-		data
-	});
-}
-
-//获取可使用优惠券
-export function couponsOrder(data,price) {
-	return request({
-		url: '/api/coupons/order/'+price,
-		method: 'get',
-		data
-	});
-}
-
-
-//	积分列表
-export function integrallist(data) {
-	return request({
-		url: '/api/integral/list',
-		method: 'get',
-		data
-	});
-}
-
-
-// 获取签到列表
-export function signList(data) {
-	return request({
-		url: '/api/sign/list',
-		method: 'get',
-		data
-	});
-}
-// 点击签到
-export function integral(data) {
-	return request({
-		url: '/api/sign/integral',
-		method: 'post',
-		data
-	});
-}
-
-// 签到信息
-export function signUser(data) {
-	return request({
-		url: '/api/sign/user',
-		method: 'post',
-		data
-	});
-}

api/game.js

@@ -1,13 +1,4 @@
 import request from '@/utils/request'
-// 开始测试
-export function test(data) {
-	return request({
-		url: '/api/test',
-		method: 'POST',
-		data
-	});
-}
-
 
 // 互娱  游戏列表
 export  function getGameList(data) {

api/mypledge.js

@@ -16,4 +16,18 @@ export function lock(data) {
 		method: 'GET',
 		data
 	});
+}
+// 质押项目详情
+export function lockDetail(data) {
+	return request({
+		url: `/api/lock/${data.id}`,
+		method: 'GET',
+	});
+}
+// 质押项目详情
+export function lockJoin(data) {
+	return request({
+		url: `/api/lock/${data.id}`,
+		method: 'POST',
+	});
 }

components/input-password/input-password.vue

@@ -0,0 +1,142 @@
+<template>
+	<view class="page">
+		<view>
+			<view class="pay-title">
+				<text>{{$t('enter.b3')}}</text>
+			</view>
+			<view class="pay-password">
+				<view class="list" v-for="item in 6">
+					<text v-show="passwordArr.length >= item">●</text>
+				</view>
+			</view>
+			<navigator url="/pages/user/set/transaction">
+				<view class="hint">
+					<text>忘记支付密码？</text>
+				</view>
+			</navigator>
+		</view>
+		<cc-defineKeyboard ref="CodeKeyboard" passwrdType="pay" @KeyInfo="KeyInfo" :viewShow="true"></cc-defineKeyboard>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				passwordArr: []
+			};
+		},
+		mounted() {
+			this.$refs.CodeKeyboard.show();
+		},
+		// 关闭循环
+		methods: {
+			// 点击触发支付事件
+			onPayBet(type) {
+				if (!this.upOnBtnData.value) {
+					uni.showToast({
+						title: this.$t('enter.a9'),
+						icon: "error"
+					})
+					return
+				}
+				if (!this.history.next) {
+					uni.showModal({
+						title: this.$t('enter.c4'),
+						content: "活动未开启，请等待活动开启",
+						showCancel: false,
+					});
+					return
+				}
+				this.upOnBtnData.type = type;
+				this.openPayPassword();
+			},
+
+			KeyInfo(val) {
+				console.log(val);
+				let arr = this.upOnBtnData.passwordArr;
+				if (val.index >= 6) {
+					return;
+				}
+				// 判断是否输入的是删除键
+				if (val.keyCode === 8) {
+					// 删除最后一位
+					arr.splice(val.index + 1, 1)
+				}
+				// 判断是否输入的是取消案件
+				else if (val.keyCode == 190) {
+					this.colsePayPassword();
+					// 输入.无效
+				} else {
+					arr.push(val.key);
+				}
+				// 开始交易
+				if (arr.length == 6) {
+					this.colsePayPassword();
+					this.gameBetIn();
+				}
+			},
+		},
+	};
+</script>
+
+<style lang="scss">
+	$base: orangered; // 基础颜色
+
+	.page {
+		width: 100%;
+		background-color: #FFFFFF;
+
+		.pay-title {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			width: 100%;
+			height: 200rpx;
+
+			text {
+				font-size: 28rpx;
+				color: #555555;
+			}
+		}
+
+		.pay-password {
+			display: flex;
+			align-items: center;
+			width: 90%;
+			height: 80rpx;
+			margin: 20rpx auto;
+			border: 2rpx solid $base;
+
+			.list {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				width: 16.666%;
+				height: 100%;
+				border-right: 2rpx solid #EEEEEE;
+
+				text {
+					font-size: 32rpx;
+				}
+			}
+
+			.list:nth-child(6) {
+				border-right: none;
+			}
+		}
+
+		.hint {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			width: 100%;
+			height: 100rpx;
+
+			text {
+				font-size: 28rpx;
+				color: $base;
+			}
+		}
+	}
+</style>

pages/index/entertainment.vue

@@ -215,9 +215,6 @@
 		gameBetList,
 		gameBetIn
 	} from "@/api/game.js";
-	import {
-		qianBao,
-	} from "@/api/wallet.js";
 	import {
 		mapState,
 		mapMutations
@@ -470,7 +467,8 @@
 					// 延时调用防止数据重复加载
 					setTimeout(() => {
 						that.getGame(that.history.base.id)
-					}, 1000)
+						that.getGameKline();
+					}, 2000)
 				}
 
 			},
@@ -484,16 +482,13 @@
 					that.gameDataInit(item.id);
 				}
 			},
+			// 初始化
 			async gameInit() {
-				try {
 					// 获取游戏列表
 					await this.getGameList();
 					// 加载游戏数据
 					this.gameDataInit(this.history.base.id || this.gameList[0].id)
 
-				} catch (e) {
-					console.log(e, 'cuowu');
-				}
 			},
 			// 加载游戏列表
 			getGameList() {

pages/index/pledge.vue

@@ -4,37 +4,37 @@
 			<text>{{$t('homepledge.m0')}}</text>
 		</view>
 		<image class="img" src="../../static/img/zhiya2.png" mode="scaleToFill" style=""></image>
-		<view @click="navigator" class="my flex">
+		<view @click="nav('/pages/myPledge/myPledge')" class="my flex">
 			<view class="flex">
 				<image class="titleTip margin-r-10" src="../../static/img/zhiya3.png" mode=""></image>
 				<view>
-				{{$t('homepledge.m1')}}
+					{{$t('homepledge.m1')}}
 				</view>
 			</view>
 			<image class="right" src="../../static/img/zhiya1.png" style="" mode=""></image>
 		</view>
-		<view class="buttom flex" v-for="(item,ind) in navList">
-			<view class="le" @click="nav">
+		<view class="buttom flex" v-for="(item,ind) in list" @click="nav('/pages/myPledge/zyXingqing?id='+item.id)">
+			<view class="le" >
 				<view class="le1 title ">
-					{{ind}}
+					{{item.name}}
 				</view>
 				<view class="le1 ">
-					20U{{$t('homepledge.m2')}} | 1{{$t('homepledge.m3')}}
+					{{item.single_time_min*1}}U{{$t('homepledge.m2')}} | {{item.day}}{{$t('homepledge.m3')}}
 				</view>
 				<view class="le1 ">
-					{{$t('homepledge.total')}}：1234534.3456U
+					{{$t('homepledge.total')}}：{{item.stock*1}}U
 				</view>
 				<view class="le2 flex font-color-gray">
 					<view class="line margin-r-10">
-						<view class="line-action" :style="{'margin-left': (-100+42.94)+'%'}">
-							
+						<view class="line-action" :style="{'margin-left': -(100-item.bfb)+'%'}">
+
 						</view>
 					</view>
-					<view>42.94%</view>
+					<view>{{item.bfb}}%</view>
 				</view>
 			</view>
 			<view class="ri">
-				<view class="r1 margin-b-20"> 1.00% </view>
+				<view class="r1 margin-b-20"> {{item.day_get}}% </view>
 				<view class="r2 margin-b-30 font-color-gray"> {{$t('homepledge.a4')}} </view>
 				<view class="add-buttom">
 					{{$t('homepledge.a5')}}
@@ -47,43 +47,82 @@
 
 <script>
 	import taber from "@/components/footer/footer.vue";
-	import {lock} from "@/api/mypledge.js"
+	import {
+		lock
+	} from "@/api/mypledge.js"
+	import {
+		saveUrl,
+		interceptor
+	} from '@/utils/loginUtils.js';
+	import {
+		mapState
+	} from 'vuex';
 	export default {
 		components: {
 			taber
 		},
+		computed: {
+			...mapState('user', ['hasLogin'])
+		},
 		data() {
 			return {
-				navList: {}
+				page: 1,
+				limit: 10,
+				loadingType: 'more',
+				loaded: false,
+				list: []
 			}
 		},
 		onLoad() {
 			this.loadData()
 		},
+		onReachBottom() {
+			this.loadData()
+		},
 		methods: {
 			navigator() {
 				uni.navigateTo({
 					url: '/pages/myPledge/myPledge'
 				})
 			},
-			nav() {
-				uni.navigateTo({
-					url: '/pages/myPledge/zyXingqing'
-				})
+			nav(url) {
+				console.log(url);
+				if (!this.hasLogin) {
+					// 保存地址
+					saveUrl();
+					// 登录拦截
+					interceptor();
+				} else {
+					uni.navigateTo({
+						url
+					});
+				}
 			},
 			loadData(source) {
-				//这里是将订单挂载到tab列表下
-				const that = this;
-				lock({})
-					.then(({
-						data
-					}) => {
-						console.log('1111',data );
-						that.navList = data.prices
-					})
-					.catch(e => {
-						console.log(e);
-					});
+				let that = this
+				if (that.loadingType == 'loading' || that.loadingType == 'noMore') {
+					return
+				}
+				lock({
+					page: that.page,
+					limit: that.limit,
+					id: that.id,
+				}).then(res => {
+					let list = res.data.list.map(
+						(res) => {
+							res.bfb = +(res.join * 100 / res.stock).toFixed(2);
+							return res
+						}
+					)
+					that.list = that.list.concat(list)
+					that.page++
+					if (list.length == that.limit) {
+						that.loadingType = 'more'
+					} else {
+						that.loadingType = 'noMore'
+					}
+					that.loaded = true
+				})
 			},
 		}
 	};
@@ -158,11 +197,12 @@
 					background-color: rgba(235, 235, 235, 0.38);
 					border-radius: 99rpx;
 					overflow: hidden;
-					.line-action{
+
+					.line-action {
 						height: 100%;
 						width: 100%;
 						border-radius: 99rpx;
-						background-color:#FEB041 ;
+						background-color: #FEB041;
 					}
 				}
 			}
@@ -186,7 +226,7 @@
 			font-size: 21rpx;
 			font-weight: 800;
 			color: #191a1f;
-			padding:10rpx 20rpx ;
+			padding: 10rpx 20rpx;
 			text-align: center;
 		}
 	}

pages/myPledge/zyXingqing.vue

@@ -1,107 +1,96 @@
 <template>
 	<view class="all">
-		<view class="shang">
-			<view class="tz">質押投資一</view>
-			<view class="sy">
-				<view class="syl">{{$t('zy.m0')}}：177</view>
+		<view class="shang padding-v-30 padding-c-30 position-relative">
+			<image class="img" src="../../static/img/xq6.png" mode="scaleToFill"></image>
+			<view class="tz padding-b-30">{{base.name}}</view>
+			<view class="sy flex-start padding-b-10">
+				<view class="syl">{{$t('zy.m0')}}：{{base.day_get}}%</view>
 			</view>
-			<view class="sj">
+			<view class="sj flex margin-t-30 position-relative">
 				<view class="sj1">
-					<view class="sz">1</view>
+					<view class="sz">{{base.single_time_max*1}}</view>
 					<view class="wz">{{$t('zy.m1')}}</view>
 				</view>
 				<view class="sj1">
-					<view class="sz">232</view>
+					<view class="sz">{{base.single_time_max*1}}</view>
 					<view class="wz">{{$t('zy.m3')}}</view>
 				</view>
 				<view class="sj1">
-					<view class="sz">1</view>
+					<view class="sz">{{base.day}}</view>
 					<view class="wz">{{$t('zy.m2')}}</view>
 				</view>
 				<view class="sj1">
-					<view class="sz">232</view>
+					<view class="sz">{{base.single_time_min*1}}</view>
 					<view class="wz">{{$t('zy.m4')}}</view>
 				</view>
 			</view>
-				<image class="img" src="../../static/img/xq6.png" mode=""></image>
 		</view>
-		<view class="aaa"></view>
-		
-		<view class="sygc">
-			<view class="gc">{{$t('zy.m5')}}</view>
-			<view class="an">
-				<view class="an1">
-					<view class="xian"></view>
-				</view>
-				<view class="an1">
-					<view class="xian"></view>
-				</view>
-				
+
+		<view class="sygc margin-t-20 padding-v-30 padding-c-30">
+			<view class="gc padding-b-30">{{$t('zy.m5')}}</view>
+			<view class="an flex padding-c-30">
+				<view class="an1"></view>
+				<view class="xian"></view>
+				<view class="an1"></view>
+				<view class="xian"></view>
 				<view class="an1"></view>
 			</view>
-			
-			<view class="wenben">
+			<view class="wenben padding-t-30 flex padding-c-30">
 				<view class="wb">
 					<view class="wen">{{$t('zy.m6')}}</view>
-					<view class="wen">{{$t('zy.m7')}}</view>
+					<view class="wen padding-t-10">{{$t('zy.m7')}}</view>
 				</view>
 				<view class="wb">
-					<view class="wen">{{$t('zy.m8')}}</view>
-					<view class="wen">{{$t('zy.m9')}}</view>
+					<view class="wen text-center">{{$t('zy.m8')}}</view>
+					<view class="wen padding-t-10 text-center">{{$t('zy.m9')}}</view>
 				</view>
 				<view class="wb">
-					<view class="wen" style="margin-left: 70rpx;">{{$t('zy.m10')}}</view>
-					<view class="wen">{{$t('zy.m11')}}</view>
+					<view class="wen text-right">{{$t('zy.m10')}}</view>
+					<view class="wen padding-t-10 text-right">{{$t('zy.m11')}}</view>
 				</view>
 			</view>
-			
-			<view class="icon">
-				<view class="">
+			<view class="icon-box padding-t-30">
+				<view class="icon flex-start">
 					<image class="ic" src="../../static/img/xq1.png" mode=""></image>
+					<view class="jiaru">{{$t('zy.m12')}}</view>
 				</view>
-				<view class="jiaru">{{$t('zy.m12')}}</view>
-			</view>
-			
-			<view class="icon">
-				<view class="">
+
+				<view class="icon flex-start">
 					<image class="ic" src="../../static/img/xq4.png" mode=""></image>
+					<view class="jiaru">{{$t('zy.m13')}}</view>
 				</view>
-				<view class="jiaru">{{$t('zy.m13')}}</view>
-			</view>
-			
-			<view class="icon">
-				<view class="">
+
+				<view class="icon flex-start">
 					<image class="ic" src="../../static/img/xq3.png" mode=""></image>
+					<view class="jiaru">{{$t('zy.m14')}}：{{base.single_time_max*1}}*({{base.day_get}}%+100%)*{{base.day}}</view>
 				</view>
-				<view class="jiaru">{{$t('zy.m14')}}：580*(0.10%+0.00%)*1</view>
-			</view>
-			
-			<view class="icon">
-				<view class="">
+
+				<view class="icon flex-start">
 					<image class="ic" src="../../static/img/xq2.png" mode=""></image>
+					<view class="jiaru">{{$t('zy.m15')}}：{{allMoney}}</view>
 				</view>
-				<view class="jiaru">{{$t('zy.m15')}}：582.2321</view>
 			</view>
+
 		</view>
-		<view class="aaa" style="margin-top: 20rpx;"></view>
-		<view class="jine">
+		<view class="jine margin-t-20">
 			<view class="je">{{$t('zy.m16')}}</view>
-			<view class="jes">20.3623U</view>
+			<view class="jes margin-t-30">{{base.join*1}}U</view>
 		</view>
-		<view class="aaa" style="margin-top: 20rpx;"></view>
-		
-		<view class="yue">
-			<view class="">
+
+		<view class="yue flex margin-t-20">
+			<view class="flex">
 				<image class="qianbao" src="../../static/img/xq5.png" mode=""></image>
+				<view class="ye padding-l-20">{{$t('zy.m17')}}</view>
+			</view>
+			<view class="flex">
+				<view class="dangqian">{{$t('zy.m18')}}：</view>
+				<view class="dqs">{{userWallet}}</view>
 			</view>
-			<view class="ye">{{$t('zy.m17')}}</view>
-			<view class="dangqian">{{$t('zy.m18')}}：</view>
-			<view class="dqs">0.00</view>
 		</view>
-		<view class="aaa" style="margin-top: 20rpx;"></view>
-		
+		<view class="aaa"></view>
+
 		<view class="liji">
-			<view class="jr">
+			<view class="jr" @click="joinLock">
 				<view class="jia">{{$t('zy.m19')}}</view>
 			</view>
 		</view>
@@ -109,241 +98,247 @@
 </template>
 
 <script>
+	import {
+		lockDetail,
+		lockJoin
+	} from "@/api/mypledge.js"
+	import {
+		gameWallet
+	} from "@/api/game.js";
 	export default {
 		data() {
 			return {
-				
+				id: '',
+				base: {},
+				userWallet: '',
+				allMoney:'',
 			};
 		},
-		onLoad() {
+		onLoad(option) {
+			this.id = option.id;
 			uni.setNavigationBarTitle({
 				title: this.$t("tab.b5"),
 			});
+			// 加载数据
+			this.lockDetail();
+			this.gameWallet();
 		},
+		methods: {
+			joinLock(){
+				lockJoin({
+					id:this.id,
+					number:this.num,
+					trade_password:this.password
+				}).then(
+				(res) => {
+					console.log(res);
+				}
+				).then(
+				() => {
+					
+				}
+				)
+			},
+			gameWallet() {
+				gameWallet().then((res) => {
+					this.userWallet = +res.data.back.USDT.money.money
+				})
+			},
+			lockDetail() {
+				const that = this;
+				lockDetail({
+					id: that.id
+				}).then(
+					(res) => {
+						that.base = res.data.data;
+						that.allMoney = that.base.single_time_max*(that.base.day_get*1+100)*that.base.day/100;
+					}
+				).catch(
+					(res) => {
+						console.log(res);
+					}
+				)
+			}
+		}
 	}
 </script>
 
 <style lang="scss">
-.all {
-	width: 750rpx;
-	height: 100%;
-	background-color: $page-color-base;
-}
-.shang {
-	width: 720rpx;
-	height: 310rpx;
-	
-}
-.tz {
-	height: 32rpx;
-	font-size: 33rpx;
-	font-family: PingFang SC;
-	font-weight: 800;
-	color: #FFFFFF;
-	line-height: 43rpx;
-	margin-left: 22rpx;
-	padding-top: 45rpx;
-}
-.sy {
-	width: 250rpx;
-	height: 32rpx;
-	background: #FEB041;
-	border-radius: 5rpx;
-	margin-left: 22rpx;
-	margin-top: 60rpx;
-}
-.syl {
-	// height: 21rpx;
-	font-size: 21rpx;
-	font-family: PingFang SC;
-	font-weight: 800;
-	color: #000000;
-}
-.sj {
-	display: flex;
-	justify-content: space-around;
-	margin-top: 55rpx;
-}
-.sz {
-	height: 31rpx;
-	font-size: 40rpx;
-	font-family: PingFang SC;
-	font-weight: 800;
-	color: #FFFFFF;
-	line-height: 43rpx;
-	margin-left: 15rpx;
-}
-.wz {
-	height: 21rpx;
-	font-size: 22rpx;
-	font-family: PingFang SC;
-	font-weight: 500;
-	color: #999999;
-	line-height: 43rpx;
-	margin-top: 20rpx;
-}
-.img {
-	width: 325rpx;
-	height: 285rpx;
-	margin-top: -235rpx;
-	margin-left: 350rpx;
-}
-.aaa {
-	width: 750rpx;
-	height: 20rpx;
-	background-color: #191a1f;
-}
-.gc {
-	height: 27rpx;
-	font-size: 28rpx;
-	font-family: PingFang SC;
-	font-weight: 800;
-	color: #FFFFFF;
-	line-height: 70rpx;
-	margin-top: 15rpx;
-	margin-left: 31rpx;
-}
-.an {
-	display: flex;
-	justify-content: space-around;
-	margin-top: 56rpx;
-	margin-left: -60rpx;
-}
-.an1 {
-	width: 24rpx;
-	height: 24rpx;
-	border: 4px solid #FEB041;
-	border-radius: 12rpx;
-}
-.xian {
-	width: 281rpx;
-	height: 1rpx;
-	background: #fff;
-}
-.wenben {
-	display: flex;
-	justify-content: space-around;
-	margin-top: 18rpx;
-}
-.wen {
-	// height: 59rpx;
-	font-size: 22rpx;
-	font-family: PingFang SC;
-	font-weight: 500;
-	color: #999999;
-	line-height: 38rpx;
-}
-.icon {
-	width: 634rpx;
-	height: 67rpx;
-	background: #161616;
-	display: flex;
-	justify-content: start;
-	margin-left: 58rpx;
-	margin-top: 38rpx;
-}
-.ic {
-	width: 38rpx;
-	height: 36rpx;
-	margin-left: 20rpx;
-	margin-top: 16rpx;
-}
-.jiaru {
-	height: 23rpx;
-	font-size: 24rpx;
-	font-family: PingFang SC;
-	font-weight: 500;
-	color: #FFFFFF;
-	line-height: 38rpx;
-	margin-left: 20rpx;
-	margin-top: 16rpx;
-}
-.jine {
-	width: 750rpx;
-	height: 200rpx;
-}
-.je {
-	height: 27rpx;
-	font-size: 28rpx;
-	font-family: PingFang SC;
-	font-weight: 500;
-	color: #999999;
-	line-height: 38rpx;
-	margin-left: 30rpx;
-	margin-top: 40rpx;
-}
-.jes {
-	height: 56rpx;
-	font-size: 74rpx;
-	font-family: PingFang SC;
-	font-weight: 800;
-	color: #FEB041;
-	line-height: 38rpx;
-	margin-left: 30rpx;
-	margin-top: 70rpx;
-}
-
-.yue {
-	width: 750rpx;
-	height: 130rpx;
-	display: flex;
-	justify-content: start;
-}
-.qianbao {
-	width: 80rpx;
-	height: 64rpx;
-	margin-left: 33rpx;
-	margin-top: 38rpx;
-}
-.ye {
-	height: 28rpx;
-	font-size: 29rpx;
-	font-family: PingFang SC;
-	font-weight: 500;
-	color: #FFFFFF;
-	line-height: 38rpx;
-	margin-left: 23rpx;
-	margin-top: 48rpx;
-}
-.dangqian {
-	height: 28rpx;
-	font-size: 29rpx;
-	font-family: PingFang SC;
-	font-weight: 500;
-	color: #FFFFFF;
-	line-height: 38rpx;
-	margin-left: 323rpx;
-	margin-top: 48rpx;
-}
-.dqs {
-	height: 28rpx;
-	font-size: 29rpx;
-	font-family: PingFang SC;
-	font-weight: 500;
-	color: #FEB041;
-	line-height: 38rpx;
-	margin-top: 48rpx;
-}
-.liji {
-	width: 750rpx;
-	height: 130rpx;
-}
-.jr {
-	width: 690rpx;
-	height: 90rpx;
-	background: linear-gradient(90deg, #feb041 0%, #feb041 100%);
-	border-radius: 10rpx;
-	margin-left: 30rpx;
-	margin-top: 50rpx;
-}
-.jia {
-	height: 31rpx;
-	font-size: 32rpx;
-	font-family: PingFang SC;
-	font-weight: bold;
-	color: #040404;
-	line-height: 55rpx;
-	margin-left: 280rpx;
-	padding-top: 25rpx;
-}
-</style>
+	page{
+		background-color: #191a1f;
+	}
+	.all {
+		line-height: 1;
+		padding-bottom: 190rpx;
+	}
+
+	.shang {
+		font-weight: 800;
+		background-color: $page-color-base;
+		.tz {
+			font-size: 33rpx;
+			color: #FFFFFF;
+		}
+
+		.sy {
+			.syl {
+				background: #FEB041;
+				border-radius: 10rpx;
+				font-size: 21rpx;
+				color: #000000;
+				padding: 10rpx;
+			}
+		}
+
+		.sj {
+			font-weight: 800;
+			text-align: center;
+
+			.sj1 {
+				width: 25%;
+
+				.sz {
+					font-size: 40rpx;
+					color: #FFFFFF;
+				}
+
+				.wz {
+					margin-top: 20rpx;
+					font-size: 22rpx;
+					color: #999999;
+					padding-bottom: 20rpx;
+				}
+			}
+		}
+
+		.img {
+			position: absolute;
+			width: 325rpx;
+			height: 285rpx;
+			top: 0rpx;
+			right: 40rpx;
+		}
+	}
+
+	.sygc {
+		background-color: $page-color-base;
+		.gc {
+			font-size: 28rpx;
+			font-weight: 800;
+			color: #FFFFFF;
+		}
+
+		.an {
+			.an1 {
+				width: 24rpx;
+				height: 24rpx;
+				border: 4px solid #FEB041;
+				border-radius: 12rpx;
+			}
+
+			.xian {
+				flex-grow: 1;
+				height: 1rpx;
+				background: #fff;
+			}
+		}
+	}
+
+	.wenben {
+		background-color: $page-color-base;
+		.wb {
+			width: 33.3%;
+
+			.wen {
+				font-size: 22rpx;
+				font-weight: 500;
+				color: #999999;
+			}
+		}
+	}
+
+	.icon-box {
+		background-color: $page-color-base;
+		.icon:nth-child(2n-1) {
+			background: #161616;
+		}
+
+		.icon {
+			margin: 0 30rpx;
+			border-radius: 10rpx;
+			padding: 20rpx;
+
+			.ic {
+				width: 38rpx;
+				height: 36rpx;
+
+			}
+
+			.jiaru {
+				padding-left: 20rpx;
+				height: 23rpx;
+				font-size: 24rpx;
+				color: #FFFFFF;
+			}
+		}
+	}
+	.jine {
+		background-color: $page-color-base;
+		font-weight: 800;
+		padding: 30rpx;
+
+		.je {
+			font-size: 28rpx;
+			color: #999999;
+		}
+
+		.jes {
+			font-size: 74rpx;
+			color: #FEB041;
+		}
+	}
+
+
+
+	.yue {
+		background-color: $page-color-base;
+		width: 750rpx;
+		color: #FFFFFF;
+		font-size: 29rpx;
+		padding: 30rpx;
+
+		.qianbao {
+			width: 80rpx;
+			height: 64rpx;
+		}
+
+		.ye {}
+
+		.dangqian {}
+
+		.dqs {
+			color: #FEB041;
+		}
+	}
+	.liji {
+		padding: 40rpx 30rpx;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		background-color: $page-color-base;
+		box-shadow:0rpx 0rpx 20rpx  #FFF;
+		.jr {
+			background: linear-gradient(90deg, #feb041 0%, #feb041 100%);
+			border-radius: 10rpx;
+			padding: 30rpx;
+			text-align: center;
+		}
+
+		.jia {
+			font-size: 32rpx;
+			font-weight: bold;
+			color: #040404;
+		}
+	}
+</style>