123

api/login.js

@@ -71,4 +71,19 @@ export function gologin(data) {
 		data
 	})
 }
+
+export function getYzm(data) {
+	return request({
+		url: '/api/Login/sendcode',
+		method: 'POST',
+		data
+	})
+}
+export function zc(data) {
+	return request({
+		url: '/api/Login/upregister',
+		method: 'POST',
+		data
+	})
+}
  

manifest.json

@@ -72,11 +72,11 @@
 		},
 		"devServer": {
 			"proxy": {
-				"/api": {
+				"^/api": {
 					"target": "http://heyu.frp.liuniu946.com",
-					// "changeOrigin": true,
+					"changeOrigin": true,
 					"pathRewrite": {
-						"/api": "/" // rewrite path
+						"/api": "" // rewrite path
 					}
 				}
 			}

pages/public/login.vue

@@ -94,7 +94,7 @@
 					console.log(res)
 					obj.loadingType = 'no'
 				}).catch(err => {
-					console.log(res)
+					console.log(err)
 					obj.loadingType = 'no'
 				})
 			},

pages/public/register.vue

@@ -1,5 +1,5 @@
-<template>
-	<view class="container">
+<template>
+	<view class="container">
 		<view class="wjmm" style="text-align: right;padding-right: 30rpx;font-size: 36rpx;" @click="dl()">
 			登錄
 		</view>
@@ -7,180 +7,205 @@
 			郵箱
 		</view>
 		<input type="text" class="shuru" placeholder="請翰入郵箱" v-model="email">
-		<view class="tit" >
+		<view class="tit">
 			獲取郵箱驗證碼
 		</view>
-		<view class="flex" style="width: 673rpx;justify-content: space-between;margin: auto;border:1px solid red;">
-			<input type="password" class=" yzm" placeholder="請翰入密碼" v-model="email">
+		<view class="flex" style="width: 673rpx;justify-content: space-between;margin: auto;">
+			<input type="text" class=" yzm" placeholder="請翰入密碼" v-model="code">
 			<view class="code yzmbtn" @click="verification">{{ countDown == 0 ? '验证码' : countDown }}</view>
 		</view>
-		
-		<view class="tit" >
+
+		<view class="tit">
 			密碼
 		</view>
-		<input type="password" class="shuru" placeholder="請翰入密碼" v-model="email">
+		<input type="password" class="shuru" placeholder="請翰入密碼" v-model="lpwd">
 		<view class="tit">
 			確認密碼
 		</view>
-		<input type="password" class="shuru" placeholder="請翰入密碼" v-model="email">
-		<view class="tit" >
+		<input type="password" class="shuru" placeholder="請翰入密碼" v-model="relpwd">
+		<view class="tit">
 			邀請碼
 		</view>
-		<input type="text" class="shuru" placeholder="請翰入邀請碼" v-model="email">
-		<!-- <view class="login_text">
-			<view class="login_input flex">
-				<view class="login_img"><image src="/static/icon/img03.png"></image></view>
-				<view class="login_name"><input class="uni-input" v-model="phone" focus placeholder="请输入手机号" /></view>
-			</view>
-			<view class="login_input flex">
-				<view class="login_img"><image src="/static/icon/img04.png"></image></view>
-				<view class="login_name"><input class="uni-input" type="password" v-model="password" focus placeholder="请输入密码" /></view>
-			</view>
-			<view class="login_input flex">
-				<view class="login_img"><image src="/static/icon/img04.png"></image></view>
-				<view class="login_name"><input class="uni-input" type="password" v-model="repassword" focus placeholder="请重复输入密码" /></view>
-			</view>
-			<view class="login_input flex" style="display: none;">
-				<view class="login_img"><image src="/static/icon/img07.png"></image></view>
-				<view class="login_name"><input class="uni-input" type="text" v-model="invitation" focus placeholder="请输入邀请码" /></view>
-			</view>
-			<view class="login_input flex">
-				<view class="login_img"><image src="/static/icon/img06.png"></image></view>
-				<view class="login_name flex">
-					<input class="uni-input width" v-model="code" focus placeholder="请输入验证码" />
-					<view class="code" @click="verification">{{ countDown == 0 ? '验证码' : countDown }}</view>
-				</view>
-			</view>
-			<view><button type="green" @click="register" class="uni-button uni-button-green">注册账号</button></view>
-			<view><button class="uni-button uni-button-green uni-button-green-plain" type="green" plain="true" hover-class="none" @click="login">返回登录</button></view>
-		</view> -->
-	</view>
-</template>
-<script>
-import { register, verify } from '@/api/login.js';
-export default {
-	data() {
-		return {
-			phone: '', //用户
-			password: '', //密码
-			repassword: '',
-			invitation: '', //邀请码
-			code: '', //验证码
-			time: '', //保存倒计时对象
-			countDown: 0 ,//倒计时
-		};
-	},
-	onLoad() {
-		// 获取扫码邀请人id
-		this.invitation = uni.getStorageSync('spread')||'';
-	},
-	watch: {
-		// 监听倒计时
-		countDown(i) {
-			if (i == 0) {
-				clearInterval(this.time);
-			}
-		}
-	},
-	methods: {
-		dl() {
-			uni.navigateTo({
-				url: '/pages/public/login'
-			})
-		},
-		// 注册
-		register() {
-			let obj = this;
-			if (obj.phone == '') {
-				obj.$api.msg('请输入电话号码');
-				return;
-			}
-			if (!/(^1[3|4|5|7|8][0-9]{9}$)/.test(this.phone)) {
-				obj.$api.msg('请输入正确的手机号');
-				return;
-			}
-			if (obj.password == '') {
-				obj.$api.msg('请输入密码');
-				return;
-			}
-			if (obj.repassword == '') {
-				obj.$api.msg('请再次输入密码');
-				return;
-			}
-			if (obj.repassword != obj.password) {
-				obj.$api.msg('两次密码不正确');
-				return;
-			}
-			// if ((obj.invitation = '')) {
-			// 	obj.$api.msg('请输入邀请码');
-			// 	return;
-			// }
-			// if (obj.code == '') {
-			// 	obj.$api.msg('请输入验证码');
-			// 	return;
-			// }
-			register({
-				account: obj.phone, //账号
-				// captcha: obj.code, //验证码
-				password: obj.password ,//密码
-				spread:this.invitation//上级推广人
-			}).then(function(e) {
-				uni.showToast({
-					title:'注册成功',
-					duration:2000,
-					position:'top'
-				});
-				setTimeout(function () {
-					uni.navigateTo({
-						url: '/pages/public/login'
-					});
-				},1000)
-				
-			});
-			//调用注册接口，成功跳转登录页
-		},
-		//发送验证码
-		verification() {
-			let obj = this;
-			if (this.phone == '') {
-				this.$api.msg('请输入电话号码');
-				return;
-			}
-			if (this.phone.length < 11) {
-				this.$api.msg('请输入正确的手机号');
-				return;
-			}
-			// 判断是否在倒计时
-			if (obj.countDown > 0) {
-				return false;
-			} else {
-				obj.countDown = 60;
-				obj.time = setInterval(() => {
-					obj.countDown--;
-				}, 1000);
-				//调用验证码接口
-				verify({
-					phone: obj.phone,
-					type: 'register'
-				})
-					.then(({ data }) => {})
-					.catch(err => {
-						console.log(err);
-					});
-			}
-		},
-		login() {
-			//返回登录
-			uni.navigateTo({
-				url: '/pages/public/login'
-			});
-		}
-	}
-};
-</script>
-
-<style lang="scss">
-page {
+		<input type="text" class="shuru" placeholder="請翰入邀請碼" v-model="invit">
+		<view class="flex" style="justify-content: space-between;padding: 50rpx 30rpx;align-items: flex-start;">
+			<view class="">
+				注冊即表示同意 <text style="color: #fcd535;">用戶服務協議</text>
+			</view>
+			<image src="../../static/icon/goto.png" mode="" style="width: 97rpx;height: 97rpx;" @click="register()"></image>
+		</view>
+		<!-- <view class="login_text">
+			<view class="login_input flex">
+				<view class="login_img"><image src="/static/icon/img03.png"></image></view>
+				<view class="login_name"><input class="uni-input" v-model="phone" focus placeholder="请输入手机号" /></view>
+			</view>
+			<view class="login_input flex">
+				<view class="login_img"><image src="/static/icon/img04.png"></image></view>
+				<view class="login_name"><input class="uni-input" type="password" v-model="password" focus placeholder="请输入密码" /></view>
+			</view>
+			<view class="login_input flex">
+				<view class="login_img"><image src="/static/icon/img04.png"></image></view>
+				<view class="login_name"><input class="uni-input" type="password" v-model="repassword" focus placeholder="请重复输入密码" /></view>
+			</view>
+			<view class="login_input flex" style="display: none;">
+				<view class="login_img"><image src="/static/icon/img07.png"></image></view>
+				<view class="login_name"><input class="uni-input" type="text" v-model="invitation" focus placeholder="请输入邀请码" /></view>
+			</view>
+			<view class="login_input flex">
+				<view class="login_img"><image src="/static/icon/img06.png"></image></view>
+				<view class="login_name flex">
+					<input class="uni-input width" v-model="code" focus placeholder="请输入验证码" />
+					<view class="code" @click="verification">{{ countDown == 0 ? '验证码' : countDown }}</view>
+				</view>
+			</view>
+			<view><button type="green" @click="register" class="uni-button uni-button-green">注册账号</button></view>
+			<view><button class="uni-button uni-button-green uni-button-green-plain" type="green" plain="true" hover-class="none" @click="login">返回登录</button></view>
+		</view> -->
+	</view>
+</template>
+<script>
+	import {
+		register,
+		verify,
+		getYzm,
+		zc
+	} from '@/api/login.js';
+	export default {
+		data() {
+			return {
+				loaded: false,
+				lpwd: '',
+				relpwd: '',
+				invit: '',
+				email: '',
+				phone: '', //用户
+				password: '', //密码
+				repassword: '',
+				invitation: '', //邀请码
+				code: '', //验证码
+				time: '', //保存倒计时对象
+				countDown: 0, //倒计时
+			};
+		},
+		onLoad() {
+			// 获取扫码邀请人id
+			this.invitation = uni.getStorageSync('spread') || '';
+		},
+		watch: {
+			// 监听倒计时
+			countDown(i) {
+				if (i == 0) {
+					clearInterval(this.time);
+				}
+			}
+		},
+		methods: {
+			dl() {
+				uni.navigateTo({
+					url: '/pages/public/login'
+				})
+			},
+			// 注册
+			register() {
+				let obj = this;
+				if(obj.loaded) {
+					return
+				}
+				if (obj.email == '') {
+					obj.$api.msg('請輸入郵箱');
+					return;
+				}
+				if (obj.lpwd == '') {
+					obj.$api.msg('請輸入密碼');
+					return;
+				}
+				if (obj.relpwd == '') {
+					obj.$api.msg('請再次輸入密碼');
+					return;
+				}
+				if (obj.relpwd != obj.lpwd) {
+					obj.$api.msg('兩次密碼不一致');
+					return;
+				}
+				// if ((obj.invitation = '')) {
+				// 	obj.$api.msg('请输入邀请码');
+				// 	return;
+				// }
+				if (obj.code == '') {
+					obj.$api.msg('请输入验证码');
+					return;
+				}
+				obj.loaded = true
+				zc({
+					email: obj.email,
+					lpwd: obj.lpwd,
+					invit: obj.invit,
+					phone: obj.phone,
+					yincang: 1,
+					ecode: obj.code
+				}).then(function(e) {
+					obj.loaded = false
+					uni.showToast({
+						title: '注册成功',
+						duration: 2000,
+						position: 'top'
+					});
+					setTimeout(function() {
+						uni.navigateTo({
+							url: '/pages/public/login'
+						});
+					}, 1000)
+
+				}).catch(err => {
+					obj.loaded = true
+				});
+				//调用注册接口，成功跳转登录页
+			},
+			isEmailAvailable(obj) {
+				let email = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
+				if (!email.test(obj)) {
+					return false;
+				}
+				return true;
+			},
+			//发送验证码
+			verification() {
+				let obj = this;
+				if (!obj.isEmailAvailable(obj.email)) {
+					return obj.$api.msg('請輸入正確的郵箱！')
+				}
+				// 判断是否在倒计时
+				if (obj.countDown > 0) {
+					return false;
+				} else {
+					obj.countDown = 60;
+					obj.time = setInterval(() => {
+						obj.countDown--;
+					}, 1000);
+					//调用验证码接口
+					getYzm({
+							email: obj.email,
+							// type: 'register'
+						})
+						.then(({
+							data
+						}) => {})
+						.catch(err => {
+							console.log(err);
+						});
+				}
+			},
+			login() {
+				//返回登录
+				uni.navigateTo({
+					url: '/pages/public/login'
+				});
+			}
+		}
+	};
+</script>
+
+<style lang="scss">
+	page {
 		height: 100%;
 		background-color: #fff;
 		font-size: 32rpx;
@@ -201,9 +226,11 @@ page {
 		padding-left: 30rpx;
 		text-align: 95rpx;
 	}
+
 	.tit {
-		padding:40rpx 48rpx 20rpx;
+		padding: 40rpx 48rpx 20rpx;
 	}
+
 	.gologin {
 		width: 204rpx;
 		height: 98rpx;
@@ -212,13 +239,18 @@ page {
 		text-align: center;
 		border-radius: 20rpx;
 	}
+
 	.wjmm {
 		color: #fcd535;
-	}
+	}
+
 	.yzm {
 		width: 400rpx;
 		height: 95rpx;
+		padding-left: 30rpx;
+		background-color: #f5f5f5;
 	}
+
 	.yzmbtn {
 		width: 234rpx;
 		height: 95rpx;
@@ -226,6 +258,5 @@ page {
 		text-align: center;
 		line-height: 95rpx;
 		color: #fcd535;
-	}
+	}
 </style>
-

pages/user/user.vue

@@ -1,81 +1,114 @@
 <template>
 	<view class="content">
 		<view class="allmoneybox">
-			<view class="allmbox_1"><text class="bi bi-eye fcy" style="font-size:22px;" id="eyesid"></text></view>
-			<view class="allmbox_2">
-				<span class="fzmm fch">账户总资产折合(USDT)</span>
-				<i class="bi bi-exclamation-circle" style="font-size:16px;color: #FCD535;" id="showdongbtn"></i>
+			<view class="allmbox_1">
+				<image v-if="show" @click="look(false)" src="../../static/icon/user-eyes.png" mode=""></image>
+				<image v-if="!show" @click="look(true)" src="../../static/icon/user-eyesb.png" mode=""></image>
 			</view>
-			<view class="allmbox_3"><span class="fch zhehebox" style="font-size:24px;" id="allzhehebox">--</span></view>
+			<view class="allmbox_2 flex">
+				<view class="allmbox_2_font">賬戶總資產折合(USDT)</view>
+				<view class="allmbox_2_icon" @click="open()">
+					<image src="../../static/icon/user-th.png" mode=""></image>
+				</view>
+			</view>
+			<view class="allmbox_3">{{show?'0':'****.****'}}</view>
 
 			<view class="allmbox_btn">
 				<view class="allmbox_btn_1">
-					<view class="allmbox_cbtn btn_active"><span class="fch">充币</span></view>
-					<view class="allmbox_tbtn"><span class="fch">提币</span></view>
+					<view class="allmbox_cbtn btn_active"><span class="fch">充幣</span></view>
+					<view class="allmbox_tbtn"><span class="fch">提幣</span></view>
 				</view>
 			</view>
 		</view>
-
 		<view class="findbox">
 			<view class="findbox_1">
 				<view class="findbox_2">
-					<view class="findbox_3"><span class="fzmm fch">资产列表</span></view>
+					<view class="findbox_3"><span class="fzmm fch">資產列表</span></view>
 				</view>
 			</view>
 
-			<view class="mlistbox" id="moneylistbox">
-				<scroll-view>
-					<view class="listbox">
-						<view class="listbox_title">
-							<view class="listbox_title_l">
-								<span class="fcc" style="font-size:16px;font-weight:500;"><?php echo strtoupper($vo['name']);?></span>
-							</view>
-							<view class="listbox_title_r"><i class="bi bi-chevron-right fcc" style="font-size:14px;"></i></view>
+			<scroll-view :scroll-y="true" class="swiper-box" :style="{ height: maxheight }">
+				<view class="listbox" v-for="(item, index) in 10">
+					<view class="listbox_title flex">
+						<view class="listbox_title_l">WALLETS-USDT</view>
+						<view class="listbox_title_r">
+							<image src="../../static/icon/user-back.png" mode=""></image>
+						</view>
+					</view>
+					<view class="main flex">
+						<view class="main-item">
+							<view class="main-item-font">可用</view>
+							<view class="main-item-num">0.000000</view>
 						</view>
-						<view style="width:100%;height:60px;">
-							<view style="width:33.33%;height:60px;float:left;">
-								<view style="width:100%;height:30px;line-height:40px;"><span style="color:#cbcbcb;">可用"</span></view>
-								<view style="width:100%;height:30px;line-height:20px;"><span class="fch" id="num_{$vo.name}">0.000000</span></view>
-							</view>
-							<view style="width:33.33%;height:60px;float:left;">
-								<view style="width:100%;height:30px;line-height:40px;"><span style="color:#cbcbcb;">冻结</span></view>
-								<view style="width:100%;height:30px;line-height:20px;"><span class="fch" id="numd_{$vo.name}">0.000000</span></view>
-							</view>
-							<view style="width:33.33%;height:60px;float:left;">
-								<view style="width:100%;height:30px;line-height:40px;text-align:right;"><span style="color:#cbcbcb;">折合(USDT)</span></view>
-								<view style="width:100%;height:30px;line-height:20px;text-align:right;"><span class="fch" id="zhehe_{$vo.name}">0.000000</span></view>
-							</view>
+						<view class="main-item">
+							<view class="main-item-font">冻结</span></view>
+							<view class="main-item-num">0.000000</view>
+						</view>
+						<view class="main-item">
+							<view class="main-item-font">折合(USDT)</view>
+							<view class="main-item-num">0.000000</view>
 						</view>
 					</view>
-				</scroll-view>
-			</view>
+				</view>
+			</scroll-view>
 		</view>
-
-		<!-- <view class="dongbox" id="dongbox" style="display:none;">
-		    <view class="dongbox_cbox">
-		        <view style="width:100%;height:50px;line-height:50px;text-align:center;">
-		            <i class="bi bi-exclamation-circle-fill fcy" style="font-size:36px;"></i>
-		        </view>
-		        <view style="width:100%;;padding:5px 10px;">
-		            <span class="fzmm fch">{:L('由于资金统计存在延时，账户余额不一定是并非最新余额，如需准确余额请到相关账户页面进行查询')}</span>
-		        </view>
-		        <view class="showbtn" id="hidebtn">
-		            <span class="fzmm fch">{:L('确定')}</span>
-		        </view>
-		    </view>
-		
-		</view> -->
+		<uni-popup ref="popup" type="center">
+			<view class="popup-box">
+				<view class="img"><image src="../../static/img/user-index.png" mode=""></image></view>
+				<view class="popup-font">
+					由於資金統計存在延時，賬戶餘額不一定是並非最新余額，如需準確餘額請到相關賬戶頁面進行查詢
+				</view>
+				<view class="btn" @click="cancel()">
+					確定
+				</view>
+			</view>
+		</uni-popup>
 	</view>
 </template>
 
 <script>
 export default {
+	onReady(res) {
+		var _this = this;
+		uni.getSystemInfo({
+			success: resu => {
+				const query = uni.createSelectorQuery();
+				query.select('.swiper-box').boundingClientRect();
+				query.exec(function(res) {
+					_this.maxheight = resu.windowHeight - res[0].top + 'px';
+					console.log('打印页面的剩余高度', _this.maxheight);
+				});
+			},
+			fail: res => {
+				console.log('打印页面的剩余高度', res);
+			}
+		});
+	},
 	data() {
-		return {};
+		return {
+			maxheight: '',
+			show: false,
+		};
 	},
 	onLoad() {},
 	onShow() {},
-	methods: {}
+	methods: {
+		look(type) {
+			this.show = type
+		},
+		cancel() {
+			this.$refs.popup.close();
+		},
+		open() {
+			this.$refs.popup.open();
+		},
+		navTo(url) {
+			uni.navigateTo({
+				url
+			})
+		}
+		
+	}
 };
 </script>
 
@@ -128,32 +161,53 @@ a:active {
 }
 .allmoneybox {
 	width: 100%;
-	height: 150px;
+	height: 300rpx;
 	background: #f5f5f5;
 	// box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
-	position: fixed;
-	top: 44px;
+	// position: fixed;
+	// top: 44px;
 }
 .allmbox_1 {
 	width: 100%;
-	height: 40px;
-	line-height: 40px;
-	text-align: right;
-	padding: 0px 15px;
+	display: flex;
+	justify-content: flex-end;
+	padding: 22px 15px 10rpx;
+	image {
+		width: 36rpx;
+		height: 30rpx;
+	}
 }
 .allmbox_2 {
+	justify-content: flex-start;
 	width: 100%;
-	height: 20px;
-	line-height: 20px;
 	text-align: left;
 	padding: 0px 15px;
+	.allmbox_2_font {
+		font-size: 25rpx;
+		font-family: PingFang SC;
+		font-weight: 500;
+		color: #070707;
+		margin-right: 10rpx;
+	}
+	.allmbox_2_icon {
+		width: 34rpx;
+		height: 34rpx;
+		image {
+			width: 100%;
+			height: 100%;
+		}
+	}
 }
 .allmbox_3 {
+	line-height: 1;
 	width: 100%;
-	height: 40px;
-	line-height: 40px;
+	margin-top: 24rpx;
 	text-align: left;
 	padding: 0px 15px;
+	font-size: 40rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #070707;
 }
 .allmbox_btn {
 	width: 100%;
@@ -189,9 +243,7 @@ a:active {
 	background: linear-gradient(to left, #eeb80d, #ffe35b);
 }
 .findbox {
-	width: 100%;
 	background: #fff;
-	margin-top: 160px;
 }
 .findbox_1 {
 	width: 100%;
@@ -213,58 +265,77 @@ a:active {
 	float: left;
 	text-align: center;
 }
-.mlistbox {
-	width: 100%;
-	padding: 5px 15px;
-}
 .listbox {
+	padding: 33rpx 20rpx 24rpx;
 	width: 100%;
-	height: 90px;
 	background: #fff;
 	border-bottom: 1px solid #f5f5f5;
 }
 .listbox_title {
+	margin-top: 30rpx;
 	width: 100%;
-	height: 30px;
-	line-height: 30px;
 }
 .listbox_title_l {
 	width: 50%;
-	height: 30px;
-	line-height: 40px;
-	float: left;
+	font-size: 27rpx;
+	font-family: PingFang SC;
+	font-weight: bold;
+	color: #767682;
 	text-align: left;
 }
 .listbox_title_r {
-	width: 50%;
-	height: 30px;
-	line-height: 40px;
-	float: right;
-	text-align: right;
+	image {
+		width:28rpx;
+		height: 28rpx;
+	}
 }
-.dongbox {
-	position: fixed;
-	z-index: 9999999999;
-	display: none;
-	top: 0px;
-	width: 100%;
-	height: 100vh;
-	background: rgba(0, 0, 0, 0.2);
+.main {
+	margin-top: 30rpx;
+	.main-item {
+		width: 33%;
+		line-height: 1;
+		.main-item-font {
+			font-size: 25rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #CDCDCD;
+		}
+		.main-item-num {
+			margin-top: 14rpx;
+			font-size: 23rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #000000;
+		}
+	}
 }
-.dongbox_cbox {
-	width: 75%;
+.popup-box {
 	background: #fff;
-	margin: 50% auto;
-	border-radius: 15px;
-	padding: 10px;
-}
-.showbtn {
-	width: 100%;
-	height: 40px;
-	line-height: 40px;
-	background: linear-gradient(to left, #eeb80d, #ffe35b);
-	border-radius: 5px;
-	text-align: center;
-	margin-top: 10px;
+	border-radius: 30rpx;
+	width: 580rpx;
+	padding: 20rpx;
+	.img {
+		padding: 10rpx 0 0 0;
+		display: flex;
+		justify-content: center;
+		image{
+			width: 72rpx;
+			height: 72rpx;
+		}
+	}
+	.popup-font {
+		font-size: 28rpx;
+		color: #000;
+		padding: 10rpx 20rpx;
+	}
+	.btn {
+		width: 100%;
+		height: 80rpx;
+		line-height: 80rpx;
+		background: linear-gradient(to left,#eeb80d,#ffe35b);
+		border-radius: 10rpx;
+		text-align: center;
+		margin-top: 20rpx;
+	}
 }
 </style>