2021-7-27

App.vue

@@ -79,7 +79,7 @@ export default {
 @import '/static/css/cmy.css';
 uni-page-body{
 	min-height: 100%;
-	height: 0;
+	height: auto;
 }
 
 view,

pages.json

@@ -18,7 +18,10 @@
 		{
 			"path": "pages/index/node",
 			"style": {
-				"navigationBarTitleText": "节点"
+				"navigationBarTitleText": "节点",
+				"app-plus": {
+					"titleNView":false
+				}
 			}
 		},
 		{

pages/index/convert.vue

@@ -1,29 +1,125 @@
 <template>
-	<view class="center"></view>
+	<view class="center">
+		<view class="rateBox">
+			<view class="rateTitle">实时汇率</view>
+			<view class="rate">{{ exchange }}</view>
+		</view>
+		<view class="rateConetnt" v-if="lodingType">
+			<view class="titleBox flex">
+				<view class="leftTip"></view>
+				<view class="title">兑换币种</view>
+			</view>
+			<view class="content">
+				<view class="moneyText">兑出币种</view>
+				<view class="Type flex">
+					<image class="moneylogo" :src="moneyType[index].LOGO" mode="scaleToFill"></image>
+					<view class="moneyName clamp" @click="show = true">{{moneyType[index].name}}</view>
+					<u-icon name="arrow-down-fill" color="#0F253A" size="10"></u-icon>
+					<u-input :height="45" class="input" v-model="pushMoney" type="number" :border="false" placeholder="请输入需要兑换的数量" />
+				</view>
+				<view class="contentImg"><image class="img" src="../../static/img/tab.png" mode="scaleToFill"></image></view>
+				<view class="moneyText">兑入币种</view>
+				<view class="Type flex">
+					<image class="moneylogo" :src="add.LOGO" mode="scaleToFill"></image>
+					<view class="moneyName clamp">{{ add.name }}</view>
+					<view class="line"></view>
+					<view class="input">{{ moneyReta }}</view>
+				</view>
+			</view>
+		</view>
+		<view class="lsButtom" @click="buy()">确认兑换</view>
+		<u-action-sheet :list="moneyType" v-model="show" @click="changeIndex"></u-action-sheet>
+	</view>
 </template>
 <script>
 import { recharge, wallet, moneyType } from '@/api/finance.js';
 export default {
 	data() {
-		return {};
+		return {
+			index: 0, //当前选中的兑出币种
+			moneyType: [],
+			add: { LOGO: '', name: '' }, //兑入币种
+			pushMoney: '',
+			lodingType: false, //判断是否已经载入币种分类分类数据
+			show: false
+		};
+	},
+	computed: {
+		// 转换金额
+		moneyReta() {
+			// 保存当前选中的对象
+			const obj = this.moneyType[this.index];
+			return (this.pushMoney * +obj.usdt_price) / +this.add.usdt_price;
+		},
+		// 实时汇率
+		exchange() {
+			try {
+				const data = this.moneyType[this.index];
+				return 1 + data.name + '≈' + data.usdt_price / this.add.usdt_price + this.add.name;
+			} catch (e) {
+				console.log(e);
+				return '加载中...';
+			}
+		}
 	},
 	//页面加载即刻发生
 	onLoad() {
-		this.init()
+		this.init();
 	},
 	methods: {
 		// 初始化页面
 		init() {
-			this.wallet()
+			this.wallet();
+		},
+		// 弹出层选择事件
+		changeIndex(e){
+			console.log(e);
+			this.index = e;
 		},
+		// 加载币种分类
 		wallet() {
+			let that = this;
 			console.log('请求兑换');
+			uni.showLoading({
+				title: '载入数据中...',
+				mask: true
+			});
 			wallet()
 				.then(e => {
-					console.log(e);
+					uni.hideLoading();
+					that.lodingType = true;
+					const moneyType = Object.keys(e.data.back);
+					moneyType.forEach(es => {
+						const data = e.data.back[es];
+						data.text = data.name;
+						if (+data.do_exchange == 1) {
+							that.moneyType.push(data);
+						}
+						if (+data.exchange == 1) {
+							that.add = data;
+							console.log(e.data.back[es], '555');
+						}
+					});
+					console.log(that.moneyType);
+					console.log(that.add, '兑入');
 				})
 				.catch(e => {
-					console.log(e);
+					uni.hideLoading();
+					if (e.status != 410000) {
+						that.lodingType = true;
+						uni.showModal({
+							title: '错误',
+							content: '加载失败请刷新页面',
+							cancelText: '关闭',
+							confirmText: '刷新',
+							success: res => {
+								if (res.confirm) {
+									that.init();
+								}
+							}
+						});
+						console.log(e);
+					}
 				});
 		}
 	}
@@ -31,7 +127,101 @@ export default {
 </script>
 <style lang="scss">
 .center {
-	height: 0;
 	min-height: 100%;
 }
+.lsButtom {
+	font-size: 30rpx;
+	background-image: $bg-green-gradual;
+	text-align: center;
+	color: $font-color-white;
+	padding: 30rpx 0;
+	border-radius: 99rpx;
+	margin: 20rpx 30rpx 0rpx 30rpx;
+	line-height: 1;
+}
+.rateBox {
+	padding: $page-row-spacing;
+	background-color: #ffffff;
+	.rateTitle {
+		font-size: 26rpx;
+		font-weight: 500;
+		color: $font-color-dark;
+	}
+	.rate {
+		margin-top: 10rpx;
+		font-size: 26rpx;
+		font-weight: 500;
+		color: $font-color-light;
+	}
+}
+.rateConetnt {
+	margin-top: 10rpx;
+	background-color: #ffffff;
+	line-height: 1;
+	padding-bottom: 60rpx;
+	.titleBox {
+		align-items: stretch;
+		justify-content: flex-start;
+		padding: $page-row-spacing;
+		border-bottom: 1px solid $border-color-light;
+		.leftTip {
+			width: 7rpx;
+			border-radius: 99rpx;
+			background-color: $base-color;
+		}
+		.title {
+			margin-left: 20rpx;
+			font-size: 30rpx;
+			font-weight: 500;
+			color: $font-color-dark;
+		}
+	}
+	.content {
+		.moneyText {
+			font-size: 24rpx;
+			font-weight: 500;
+			color: $font-color-dark;
+			padding: $page-row-spacing;
+		}
+		.Type {
+			padding: 0 $page-row-spacing;
+			.moneylogo {
+				width: 50rpx;
+				height: 50rpx;
+				border-radius: 99rpx;
+			}
+			.moneyName {
+				width: 180rpx;
+				font-size: 30rpx;
+				font-weight: 500;
+				color: $font-color-dark;
+				margin: 0 20rpx;
+			}
+			.input {
+				flex-grow: 1;
+				height: 45rpx;
+				line-height: 45rpx;
+				margin-left: 40rpx;
+				color: $font-color-light;
+				border-bottom: 1px solid $border-color-light;
+			}
+			.line {
+				width: 2rpx;
+				background-color: $font-color-dark;
+				margin: 0 10rpx;
+				height: 30rpx;
+			}
+		}
+		.contentImg {
+			width: 70rpx;
+			height: 70rpx;
+			margin: 40rpx auto 0;
+
+			.img {
+				width: 100%;
+				height: 100%;
+			}
+		}
+	}
+}
 </style>

pages/index/index.vue

@@ -1,31 +1,21 @@
 <template>
 	<view class="center">
-		<view class="box-title">
-			<image src="../../static/img/index7.png" mode=""></image>
-		</view>
+		<view class="box-title"><image src="../../static/img/index7.png" mode=""></image></view>
 		<view class="box-body">
 			<view class="navBox">
 				<view class="navBox-left">
-					<view class="navBox-item" @click="nav('./node')">
-						<image src="../../static/img/index2.png" style="width: 385rpx; height: 398rpx;" mode=""></image>
-					</view>
+					<view class="navBox-item" @click="nav('./node')"><image src="../../static/img/index2.png" style="width: 385rpx; height: 398rpx;" mode=""></image></view>
 				</view>
 				<view class="navBox-right">
-					<view class="navBox-item" @click="nav('./convert')">
-						<image src="../../static/img/index3.png" style="width: 385rpx; height: 216rpx; " mode="">
-						</image>
-					</view>
+					<view class="navBox-item" @click="nav('./convert')"><image src="../../static/img/index3.png" style="width: 385rpx; height: 216rpx; " mode=""></image></view>
 					<view class="navBox-item" @click="nav('/pages/index/appointment')">
-						<image src="../../static/img/index6.png"
-							style="width: 339rpx; height: 170rpx; margin-top: -12rpx;" mode=""></image>
+						<image src="../../static/img/index6.png" style="width: 339rpx; height: 170rpx; margin-top: -12rpx;" mode=""></image>
 					</view>
 				</view>
 			</view>
 			<view class="shopBox">
 				<view class="shopBox-top">
-					<view class="left">
-						<image src="../../static/img/index4.png" mode=""></image>
-					</view>
+					<view class="left"><image src="../../static/img/index4.png" mode=""></image></view>
 					<view class="between" style="margin-left: -140rpx;">
 						<text id="one">FilsCoin矿机拼购</text>
 						<text id="two">36轮</text>
@@ -37,261 +27,247 @@
 						<text class="number-left">100</text>
 						<text class="number-right">USDT/份</text>
 					</view>
-					<view class="quotient">
-						<text class="quotient-children">每轮限购1组，每组限购一份</text>
-					</view>
+					<view class="quotient"><text class="quotient-children">每轮限购1组，每组限购一份</text></view>
 				</view>
-				<image src="../../static/img/index5.png" style="width: 635rpx; height: 170rpx; margin: 40rpx 0;"
-					mode=""></image>
+				<image src="../../static/img/index5.png" style="width: 635rpx; height: 170rpx; margin: 40rpx 0;" mode=""></image>
 				<view class="shopBox-bottom">
 					<view class="forward">
-						<view class="forward-left">
-							我得预约:&nbsp 0
-						</view>
-						<view class="forward-right">
-							每组分数:&nbsp 11份
-						</view>
+						<view class="forward-left">我得预约:&nbsp 0</view>
+						<view class="forward-right">每组分数:&nbsp 11份</view>
 					</view>
 					<view class="consume">
-						GAS消耗:<text>0.50%LALA</text>
+						GAS消耗:
+						<text>0.50%LALA</text>
 					</view>
 					<view class="appointmentTime">
-						预约时间:<text>2021-07-21 08:00:00-2021-07-21 09:30:00</text>
+						预约时间:
+						<text>2021-07-21 08:00:00-2021-07-21 09:30:00</text>
 					</view>
 					<view class="lotteryTime">
-						开奖时间:<text>2021-07-21 08:00:00</text>
+						开奖时间:
+						<text>2021-07-21 08:00:00</text>
 					</view>
 				</view>
-				<view class="submit" @click="buy()">
-					预购
-				</view>
+				<view class="submit" @click="buy()">预购</view>
 			</view>
 		</view>
-		<u-popup v-model="show" mode="bottom" border-radius="40" height="868rpx" :closeable ="true" close-icon="关闭">
-			<view>出淤泥而不染，濯清涟而不妖</view>
-		</u-popup>
+		<u-popup v-model="show" mode="bottom" border-radius="40" height="868rpx" :closeable="true" close-icon="关闭"><view>出淤泥而不染，濯清涟而不妖</view></u-popup>
 	</view>
 </template>
 <script>
-	export default {
-		data() {
-			return {
-				show: false,//支付数量
-				show1: false,//支付密码
-			}
-		},
-		//页面加载即刻发生
-		onload() {
-			this.loadDate();
+export default {
+	data() {
+		return {
+			show: false, //支付数量
+			show1: false //支付密码
+		};
+	},
+	//页面加载即刻发生
+	onload() {
+		this.loadDate();
+	},
+	methods: {
+		nav(url) {
+			uni.navigateTo({
+				url: url
+			});
 		},
-		methods: {
-			nav(url) {
-				uni.navigateTo({
-					url: url
-				})
-			},
-			async loadDate() {
-
-			},
-			buy() {
-				this.show = true
-			}
+		async loadDate() {},
+		buy() {
+			this.show = true;
 		}
 	}
+};
 </script>
 <style lang="scss">
-	.center {
-		height: auto;
-		min-height: 100%;
-		background-color: #FFFFFF;
-		padding-bottom: var(--window-bottom);
-		.box-title {
-			position: relative;
-			z-index: 1;
-			width: 100%;
-			height: 436rpx;
+.center {
+	height: auto;
+	min-height: 100%;
+	background-color: #ffffff;
+}
+.box-title {
+	position: relative;
+	z-index: 1;
+	width: 100%;
+	height: 436rpx;
 
-			image {
-				width: 100%;
-				height: 436rpx;
-			}
-		}
-
-		.box-body {
-			display: flex;
-			flex-direction: column;
-			justify-content: space-around;
-			width: 100%;
-			height: 100%;
-			position: relative;
-			z-index: 10;
-			margin-top: -40rpx;
-			border-top-left-radius: 40rpx;
-			border-top-right-radius: 40rpx;
-			background: #F8FBFE;
-
-			.navBox {
-				display: flex;
+	image {
+		width: 100%;
+		height: 436rpx;
+	}
+}
 
-				justify-content: space-around;
+.box-body {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-around;
+	width: 100%;
+	height: 100%;
+	position: relative;
+	z-index: 10;
+	margin-top: -40rpx;
+	border-top-left-radius: 40rpx;
+	border-top-right-radius: 40rpx;
+	background: #f8fbfe;
 
-				.navBox-left {
-					// margin: 20rpx 5rpx 10rpx 10rpx;
-					margin: 20rpx -24rpx 0 0;
+	.navBox {
+		display: flex;
 
-					mar .navBox-item {
-						image {
-							width: 100%;
-							height: 100%;
-						}
-					}
-				}
+		justify-content: space-around;
 
-				.navBox-right {
-					margin: 20rpx 0 0 -24rpx;
+		.navBox-left {
+			// margin: 20rpx 5rpx 10rpx 10rpx;
+			margin: 20rpx -24rpx 0 0;
 
-					// margin: 20rpx 10rpx 5rpx 5rpx;
-					.navBox-item {
-						display: flex;
-						flex-direction: column;
-						align-items: center;
-
-						image {}
-					}
+			mar .navBox-item {
+				image {
+					width: 100%;
+					height: 100%;
 				}
-
-
-
 			}
+		}
 
-			.shopBox {
-				padding: 0 30rpx;
-				margin-top: 45rpx;
-				width: 690rpx;
-				// height: 770rpx;
-				background: #FFFFFF;
-				box-shadow: 0rpx 0rpx 17rpx 0rpx rgba(0, 0, 0, 0.05);
-				border-radius: 10px;
-				margin: 0 auto;
-
-				.shopBox-top {
-					margin-top: 26rpx;
-
-					display: flex;
-					justify-content: space-between;
-					align-items: center;
-
-					image {
-						height: 46rpx;
-						width: 48rpx;
-					}
-
-					#one {
-						font-size: 34rpx;
-						font-family: PingFang SC;
-						font-weight: bold;
-						color: #0F253A;
-					}
-
-					#two {
-						margin-left: 11rpx;
-						font-size: 26rpx;
-						font-family: PingFang SC;
-						font-weight: 500;
-						color: #6D7C88;
-					}
+		.navBox-right {
+			margin: 20rpx 0 0 -24rpx;
 
-					#three {
+			// margin: 20rpx 10rpx 5rpx 5rpx;
+			.navBox-item {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
 
-						font-size: 26rpx;
-						font-family: PingFang SC;
-						font-weight: 500;
-						color: #FF4C4C;
-					}
+				image {
 				}
+			}
+		}
+	}
 
-				.shopBox-between {
-					margin-top: 20rpx;
-					display: flex;
-					justify-content: space-between;
-					align-items: center;
-
-					.number {
-						.number-left {
+	.shopBox {
+		padding: 0 30rpx;
+		margin-top: 45rpx;
+		width: 690rpx;
+		// height: 770rpx;
+		background: #ffffff;
+		box-shadow: 0rpx 0rpx 17rpx 0rpx rgba(0, 0, 0, 0.05);
+		border-radius: 10px;
+		margin: 0 auto;
 
-							font-size: 40rpx;
-							font-family: PingFang SC;
-							font-weight: bold;
-							color: #44969D;
-						}
+		.shopBox-top {
+			margin-top: 26rpx;
 
-						.number-right {
-							font-size: 24rpx;
-							font-family: PingFang SC;
-							font-weight: bold;
-							color: #44969D;
-						}
-					}
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
 
-					.quotient {
-						.quotient-children {
-							font-size: 24rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #6D7C88;
-						}
-					}
+			image {
+				height: 46rpx;
+				width: 48rpx;
+			}
 
+			#one {
+				font-size: 34rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #0f253a;
+			}
 
-				}
+			#two {
+				margin-left: 11rpx;
+				font-size: 26rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #6d7c88;
+			}
 
-				.forward {
-					display: flex;
-					justify-content: space-between;
-					align-items: center;
+			#three {
+				font-size: 26rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #ff4c4c;
+			}
+		}
 
-					.forward-left {
-						font-size: 26rpx;
-						font-family: PingFang SC;
-						font-weight: 500;
-						color: #44969D;
-					}
+		.shopBox-between {
+			margin-top: 20rpx;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
 
-					.forward-right {
-						font-size: 24rpx;
-						font-family: PingFang SC;
-						font-weight: 500;
-						color: #6D7C88;
-					}
-				}
-				.consume,.appointmentTime,.lotteryTime{
-					margin: 12rpx 0;
-					font-size: 26rpx;
+			.number {
+				.number-left {
+					font-size: 40rpx;
 					font-family: PingFang SC;
-					font-weight: 400;
-					color: #6D7C88;
-					
+					font-weight: bold;
+					color: #44969d;
 				}
-				.consume >text,.appointmentTime >text,.lotteryTime> text{
-					font-size: 10rpx;
+
+				.number-right {
+					font-size: 24rpx;
 					font-family: PingFang SC;
-					font-weight: 500;
-					color: #000000;
+					font-weight: bold;
+					color: #44969d;
 				}
-				.submit{
-					width: 600rpx;
-					height: 70rpx;
-					background: linear-gradient(90deg, #60BAB0, #45969B);
-					border-radius: 35rpx;
-					font-size: 32rpx;
+			}
+
+			.quotient {
+				.quotient-children {
+					font-size: 24rpx;
 					font-family: PingFang SC;
 					font-weight: 500;
-					color: #FFFFFF;
-					text-align: center;
-					line-height: 70rpx;
-					margin: 40rpx auto;
+					color: #6d7c88;
 				}
 			}
 		}
+
+		.forward {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.forward-left {
+				font-size: 26rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #44969d;
+			}
+
+			.forward-right {
+				font-size: 24rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #6d7c88;
+			}
+		}
+		.consume,
+		.appointmentTime,
+		.lotteryTime {
+			margin: 12rpx 0;
+			font-size: 26rpx;
+			font-family: PingFang SC;
+			font-weight: 400;
+			color: #6d7c88;
+		}
+		.consume > text,
+		.appointmentTime > text,
+		.lotteryTime > text {
+			font-size: 10rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #000000;
+		}
+		.submit {
+			width: 600rpx;
+			height: 70rpx;
+			background: linear-gradient(90deg, #60bab0, #45969b);
+			border-radius: 35rpx;
+			font-size: 32rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #ffffff;
+			text-align: center;
+			line-height: 70rpx;
+			margin: 40rpx auto;
+		}
 	}
+}
 </style>

pages/index/node.vue

@@ -59,7 +59,7 @@
 								<view class="name1">{{ ls.name }}</view>
 								<view class="title1">{{ ls.mask }}</view>
 								<view class="title1">
-									认购份额:{{ls.allMoney+ls.type}}
+									认购份额:{{ ls.allMoney + ls.type }}
 									<text></text>
 								</view>
 							</view>
@@ -69,15 +69,15 @@
 				</scroll-view>
 			</swiper-item>
 		</swiper>
-		<u-popup v-model="show" mode="center" width="548rpx"  border-radius="14">
-				<view class="psw-wrapper">
-					<view class="psw-title">请输入支付密码</view>
-					<input type="password" v-model="password" class="psw-ipt"/>
-					<view class="psw-btn">
-						<text @click="cancel">取消</text>
-						<text class="psw-qd" @click="pswQd">确定</text>
-					</view>
+		<u-popup v-model="show" mode="center" width="548rpx" border-radius="14">
+			<view class="psw-wrapper">
+				<view class="psw-title">请输入支付密码</view>
+				<input type="password" v-model="password" class="psw-ipt" />
+				<view class="psw-btn">
+					<text @click="cancel">取消</text>
+					<text class="psw-qd" @click="pswQd">确定</text>
 				</view>
+			</view>
 		</u-popup>
 	</view>
 </template>
@@ -86,7 +86,7 @@ export default {
 	data() {
 		return {
 			show: false,
-			password:'',
+			password: '',
 			current: 0, //当前选中的标签
 			tabList: [
 				{
@@ -115,29 +115,29 @@ export default {
 							name: '节点认购第一期',
 							num: 1000, //认购份额
 							type: 'LALA', //认购货币类型
-							allMoney: 20 ,//认购总额
-							mask:'当前第六关'
+							allMoney: 20, //认购总额
+							mask: '当前第六关'
 						},
 						{
 							name: '节点认购第一期',
 							num: 1000, //认购份额
 							type: 'LALA', //认购货币类型
-							allMoney: 20 ,//认购总额
-							mask:'当前第六关'
+							allMoney: 20, //认购总额
+							mask: '当前第六关'
 						},
 						{
 							name: '节点认购第一期',
 							num: 1000, //认购份额
 							type: 'LALA', //认购货币类型
-							allMoney: 20 ,//认购总额
-							mask:'当前第六关'
+							allMoney: 20, //认购总额
+							mask: '当前第六关'
 						},
 						{
 							name: '节点认购第一期',
 							num: 1000, //认购份额
 							type: 'LALA', //认购货币类型
-							allMoney: 20 ,//认购总额
-							mask:'当前第六关'
+							allMoney: 20, //认购总额
+							mask: '当前第六关'
 						}
 					],
 					loding: 'loadmore' //loading加载中 nomore没有数据
@@ -166,16 +166,19 @@ export default {
 		onreachBottom(e) {
 			console.log(e);
 		},
-		buy(){
+		buy() {
 			this.show = true;
 		},
 		cancel() {
-			this.show = false
-		},
+			this.show = false;
+		}
 	}
 };
 </script>
 <style lang="scss">
+page {
+	height: 100%;
+}
 .tabBox {
 	flex-grow: 1;
 }
@@ -244,72 +247,72 @@ export default {
 					margin: 20rpx 30rpx 0rpx 30rpx;
 				}
 			}
-			.item1:nth-child(odd){
+			.item1:nth-child(odd) {
 				margin-right: 30rpx;
 			}
 			.item1 {
 				line-height: 1;
 				background: url(../../static/img/rengouBg.png) no-repeat;
 				background-position: right bottom;
-				background-size: 140rpx 115rpx ;
+				background-size: 140rpx 115rpx;
 				flex-grow: 1;
 				min-width: 40%;
 				margin-bottom: 30rpx;
 				border-radius: 15rpx;
-				background-color: #FFFFFF;
+				background-color: #ffffff;
 				border: 1px solid $uni-color-primary;
 				padding: 15rpx 10rpx 35rpx 30rpx;
-				.ls1{
+				.ls1 {
 					font-weight: bold;
-					.name1{
+					.name1 {
 						color: $font-color-dark;
 						font-size: $font-base;
 						margin-top: -10rpx;
 					}
-					.title1{
+					.title1 {
 						margin-top: 15rpx;
 						color: $font-color-light;
 						font-size: 22rpx;
 					}
 				}
-				.rightTip{
-				  color:$uni-color-primary ;
-				  text-align: right;
-				  font-size: 24rpx;
+				.rightTip {
+					color: $uni-color-primary;
+					text-align: right;
+					font-size: 24rpx;
 				}
 			}
 		}
 	}
 }
 .psw-wrapper {
-		width: 548rpx;
-		height: 344rpx;
-		background-color: #FFFFFF;
-		.psw-title {
-			width: 100%;
-			font-size: 35rpx;
-			padding: 43rpx 0 49rpx;
-			text-align: center;
-			font-weight: 800;
-		}
-		.psw-ipt {
-			display: block;
-			background-color: #dce3ed;
-			height: 90rpx;
-			width: 464rpx;
-			padding-left: 30rpx;
-			margin: 0 auto;
-			font-size: 80rpx;
-		}
-		.psw-btn text{
-			display: inline-block;
-			text-align: center;
-			width: 50%;
-			padding-top: 29rpx;
-			font-size: 35rpx;
-		}
-		.psw-qd {
-			color:#5771DF;
-		}
+	width: 548rpx;
+	height: 344rpx;
+	background-color: #ffffff;
+	.psw-title {
+		width: 100%;
+		font-size: 35rpx;
+		padding: 43rpx 0 49rpx;
+		text-align: center;
+		font-weight: 800;
 	}
+	.psw-ipt {
+		display: block;
+		background-color: #dce3ed;
+		height: 90rpx;
+		width: 464rpx;
+		padding-left: 30rpx;
+		margin: 0 auto;
+		font-size: 80rpx;
+	}
+	.psw-btn text {
+		display: inline-block;
+		text-align: center;
+		width: 50%;
+		padding-top: 29rpx;
+		font-size: 35rpx;
+	}
+	.psw-qd {
+		color: #5771df;
+	}
+}
 </style>