11

api/finance.js

@@ -17,4 +17,18 @@ export function wallet(data){
 		method:'get',
 		data
 	})
+}
+export function goPay(data) {
+	return request({
+		url: '/api/trade/go_pay',
+		method: 'POST',
+		data
+	});
+}
+export function recharge(data) {
+	return request({
+		url: '/api/recharge/money',
+		method: 'post',
+		data
+	});
 }

pages/money/USDThuzhuan.vue

@@ -18,7 +18,7 @@
 		<view class="button" @click="submit">
 			提交申请
 		</view>
-		<view class="record">
+		<view class="record" @click="navTo('/pages/money/record')">
 			收款记录
 		</view>
 	</view>
@@ -33,12 +33,20 @@
 			}
 		},
 		methods: {
+			navTo(url){
+				uni.navigateTo({
+					url
+				})
+			},
 			submit() {
 				const data = {
 					num: this.num,
 					account: this.account
 				}
 				console.log(data)
+				uni.navigateTo({
+					url:'/pages/money/success'
+				})
 			}
 		},
 		computed: {

pages/user/balance.vue

@@ -2,13 +2,10 @@
 	<view class="content">
 		<view class="header">
 			<image src="../../static/user/yue.png" mode=""></image>
-			<view class="integral">
-				{{ integral || '0.00' }}
-			</view>
+			<view class="integral">{{ userInfo.now_money * 1 }}</view>
 		</view>
 		<view class="navbar">
-			<view v-for="(item, index) in navList" :key="index" class="nav-item"
-				:class="{ current: tabCurrentIndex === index }" @click="tabClick(index)">{{ item.text }}</view>
+			<view v-for="(item, index) in navList" :key="index" class="nav-item" :class="{ current: tabCurrentIndex === index }" @click="tabClick(index)">{{ item.text }}</view>
 		</view>
 		<swiper :current="tabCurrentIndex" class="swiper-box" duration="300" @change="changeTab">
 			<swiper-item class="tab-content" v-for="(tabItem, tabIndex) in navList" :key="tabIndex">
@@ -20,7 +17,7 @@
 					<view v-for="(item, index) in tabItem.orderList" :key="index" class="order-item flex">
 						<view class="title-box">
 							<view class="title">
-								<text>{{ item.mark }}</text>
+								<text>{{ item.title }}</text>
 							</view>
 							<view class="time">
 								<text>{{ item.add_time }}</text>
@@ -43,140 +40,111 @@
 </template>
 
 <script>
-	import {
-		moneyLog,
-		wallet
-	} from '@/api/finance.js';
-	//下拉加载
-	import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
-	import empty from '@/components/u-empty/u-empty.vue';
-	export default {
-		components: {
-			uniLoadMore,
-			empty
-		},
-		onReady() {
-
-		},
-		data() {
-			return {
-				integral:0,
-				tabCurrentIndex: 0,
-				navList: [{
-						state: 1,
-						text: '收入',
-						loadingType: 'more',
-						orderList: [],
-						page: 1, //当前页数
-						limit: 10 //每次信息条数
-					},
-					{
-						state: 0,
-						text: '支出',
-						loadingType: 'more',
-						orderList: [],
-						page: 1, //当前页数
-						limit: 10 //每次信息条数
-					},
-				],
-			};
-		},
-		onShow() {
-			// 载入积分数据
-			this.loadData();
+import { spreadCommission, userBalance } from '@/api/wallet.js';
+import { mapState, mapMutations } from 'vuex';
+import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
+import empty from '@/components/empty';
+export default {
+	components: {
+		empty,
+		uniLoadMore
+	},
+	onReady() {},
+	data() {
+		return {
+			tabCurrentIndex: 0,
+			navList: [
+				{
+					state: 2,
+					text: '收入',
+					loadingType: 'more',
+					orderList: [],
+					page: 1, //当前页数
+					limit: 10 //每次信息条数
+				},
+				{
+					state: 1,
+					text: '支出',
+					loadingType: 'more',
+					orderList: [],
+					page: 1, //当前页数
+					limit: 10 //每次信息条数
+				}
+			]
+		};
+	},
+	onShow() {
+		// 载入积分数据
+		this.loadData();
+	},
+	methods: {
+		// 页面跳转
+		navto(e) {
+			uni.navigateTo({
+				url: e
+			});
 		},
-		onLoad() {
-
-			wallet({}).then(({
-				data		
-			}) => {
+		//获取收入支出信息
+		async loadData(source) {
+			//这里是将订单挂载到tab列表下
+			let index = this.tabCurrentIndex;
+			let navItem = this.navList[index];
+			let state = navItem.state;
+			if (source === 'tabChange' && navItem.loaded === true) {
+				//tab切换只有第一次需要加载数据
+				return;
+			}
+			if (navItem.loadingType === 'loading') {
+				//防止重复加载
+				return;
+			}
+			// 修改当前对象状态为加载中
+			navItem.loadingType = 'loading';
 
-				const obj = this
-				const arr = Object.keys(data.back)
-				console.log(data.back,'9999')
-				arr.forEach(e => {
-					if (e == 'LALA') {
-						obj.integral = (data.back[e].money.money * 1)
-						console.log(obj.integral, '666');
+			spreadCommission(
+				{
+					page: navItem.page,
+					limit: navItem.limit
+				},
+				state
+			)
+				.then(({ data }) => {
+					if (data.length > 0) {
+						navItem.orderList = navItem.orderList.concat(data[0].list);
+						console.log(navItem.orderList);
+						navItem.page++;
+					}
+					if (navItem.limit == data.length) {
+						//判断是否还有数据， 有改为 more， 没有改为noMore
+						navItem.loadingType = 'more';
+						return;
+					} else {
+						//判断是否还有数据， 有改为 more， 没有改为noMore
+						navItem.loadingType = 'noMore';
 					}
+					uni.hideLoading();
+					this.$set(navItem, 'loaded', true);
 				})
-			})
-			this.loadData();
-		},
-		methods: {
-			// 页面跳转
-			navto(e) {
-				uni.navigateTo({
-					url: e
+				.catch(e => {
+					console.log(e);
 				});
-			},
-			//获取收入支出信息
-			async loadData(source) {
-				//这里是将订单挂载到tab列表下
-				let index = this.tabCurrentIndex;
-				let navItem = this.navList[index];
-				let state = navItem.state;
-				if (source === 'tabChange' && navItem.loaded === true) {
-					//tab切换只有第一次需要加载数据
-					return;
-				}
-				if (navItem.loadingType === 'loading') {
-					//防止重复加载
-					return;
-				}
-				// 修改当前对象状态为加载中
-				navItem.loadingType = 'loading';
-
-				moneyLog({
-							page: navItem.page,
-							limit: navItem.limit,
-							pm: navItem.state
-						},
-						'LALA'
-					)
-					.then(({
-						data
-					}) => {
-					console.log(data,'111222')
-								if (data.list.length > 0) {
-									//新旧数据合并
-									navItem.orderList = navItem.orderList.concat(data.list);
-									console.log(navItem.orderList);
-									navItem.page++;
-								}
-								//判断是否还有数据, 有改为more, 没有改为noMore
-								if (navItem.limit == data.length) {
-									navItem.loadingType = 'more';
-									return;
-								} else {
-									navItem.loadingType = 'noMore';
-								}
-								// uni.hideLoading();
-								this.$set(navItem, 'loaded', true);
-							})
-							.catch(e => {
-								console.log(e);
-							});
-					},
-
-			//swiper 切换
-			changeTab(e) {
-				console.log(e, '1111')
-				this.tabCurrentIndex = e.target.current;
-				this.loadData('tabChange');
-			},
-			//顶部tab点击
-			tabClick(index) {
-				this.tabCurrentIndex = index;
-			}
 		},
-		computed: {
-			//积分
-			integral() {
-				return this.$store.state.user.userInfo.integral
-			}
+		//swiper 切换
+		changeTab(e) {
+			console.log(e, '1111');
+			this.tabCurrentIndex = e.target.current;
+			this.loadData('tabChange');
 		},
-	};
+		//顶部tab点击
+		tabClick(index) {
+			this.tabCurrentIndex = index;
+		}
+	},
+	computed: {
+		//积分
+		...mapState('user',['userInfo'])
+	}
+};
 </script>
 
 <style lang="scss">

pages/user/exchangeIntegral.vue

@@ -20,13 +20,26 @@
 </template>
 
 <script>
+	import {wallet , shan} from '@/api/finance.js'
 	export default {
 		data() {
 			return {
-				integral: 1000,
+				integral: '',
 				num: ''
 			}
 		},
+		onLoad() {
+		let obj  = this
+		wallet({}).then(({data})=>{
+			console.log(data,']]]]]');
+			let arr = Object.keys(data.back)
+			arr.forEach(e=>{
+				if(e=='SCJF'){
+					obj.integral = (data.back[e].money.money*1)
+				}
+			})
+		})
+		},
 		methods: {
 			all() {
 				this.num = this.integral
@@ -35,6 +48,18 @@
 				if(this.integral < this.num) {
 					this.all()
 				}
+				shan({
+					
+					
+					num: this.num,
+				}).then(({data})=>{
+				console.log(data,'9898');
+				uni.navigateTo({
+					url:'/pages/money/success'
+				})
+				}).catch(e=>{
+					console.log(e);
+				})
 			}
 		},
 		watch: {

pages/user/integralTransforms.vue

@@ -1,19 +1,19 @@
 <template>
 	<view class="integralTransforms">
 		<view class="header">
-			<text class="title">{{ integral || '0.00' }}</text><br>
+			<text class="title">{{ jifen || '0.00' }}</text><br>
 			<text>可转换积分</text>
 		</view>
 		<view class="account">
 			<text class="title">收款人账户</text>
-			<input type="text" placeholder="请输入收款人账户" v-model="account"/>
+			<input type="text" placeholder="请输入收款人账户" v-model="account" />
 		</view>
 		<view class="num">
 			<text class="title">转账数量</text>
-				<view class="">
-					<text class="ti">￥</text>
-					<input type="number" v-model.number="num" placeholder="请输入转账数量" />
-				</view>
+			<view class="">
+				<text class="ti">￥</text>
+				<input type="number" v-model.number="num" placeholder="请输入转账数量" />
+			</view>
 		</view>
 		<view class="button" @click="submit">
 			提交申请
@@ -21,33 +21,80 @@
 	</view>
 </template>
 
-<script> 
+<script>
+import { goPay,moneyLog, recharge, wallet } from '@/api/finance.js';
+import { mapState, mapMutations } from 'vuex';
+	
 	export default {
 		data() {
 			return {
-				num: '',//转账数量
-				account: '',//收款人账户
+				jifen:'',//可转积分
+				num: '', //转账数量
+				account: '', //收款人账户
 			}
 		},
 		methods: {
+			
 			submit() {
-				const data = {
-					num: this.num,
-					account: this.account
+				let obj = this
+				if(obj.account == ''){
+					obj.$api.msg('请输入对方账号')
+					return
 				}
-				console.log(data)
+				if(obj.num ==''){
+					obj.$api.msg('请输入转账数量')
+					return
+				}
+				if(obj.account == this.userInfo.uid){
+					obj.$api.msg('请勿转账给自己')
+					return
+				}
+				goPay({
+					// type: this.types,
+					num: obj.num,
+					to_uid: obj.account,
+					// trade_psw: obj.password,
+					// to_user_account: obj.account
+				}).then(data =>{
+					console.log(data,'转账')
+					obj.num = ''
+					obj.account = ''
+					uni.navigateTo({
+						url:'/pages/money/success'
+					})
+				})
+				
+				
 			}
 		},
 		computed: {
+
 			//积分
-			integral() {
-				return this.$store.state.user.userInfo.integral
-			}
+			// integral() {
+			// 	return this.$store.state.user.userInfo.integral
+			// 	console.log(UserInfo)
+			// },
+			...mapState('user', ['userInfo', 'orderInfo', 'hasLogin'])
+		},
+		onLoad(option) {
+			console.log(this.userInfo)
+			wallet({}).then(({data}) => {
+				const obj = this
+				const arr = Object.keys(data.back)
+				console.log(data.back)
+				arr.forEach(e => {
+					if(e =='SCJF'){
+						obj.jifen = (data.back[e].money.money * 1)
+						console.log(obj.jifen)
+					}
+					
+				})
+			})
 		},
 		watch: {
 			num() {
-				if (this.num > this.integral) {
-					this.num = this.integral
+				if (this.num > this.jifen) {
+					this.num = this.jifen
 				}
 			}
 		}
@@ -56,41 +103,51 @@
 
 <style lang="scss" scoped>
 	.integralTransforms {
-		.header,.account,.num {
+
+		.header,
+		.account,
+		.num {
 			background-color: #fff;
 			margin: 20rpx 0;
 			padding: 30rpx;
+
 			input {
 				margin-top: 10rpx;
 			}
+
 			.title {
 				font-size: 30rpx;
 				color: #333333;
 				font-family: PingFang-SC-Regular;
 			}
 		}
+
 		.header {
 			text-align: center;
+
 			text:nth-child(1) {
 				font-size: 45rpx;
 			}
+
 			text:nth-child(3) {
 				font-size: 30rpx;
 				color: #666666;
 			}
 		}
+
 		.num {
 			.ti {
 				float: left;
 			}
 		}
+
 		.button {
 			width: 520rpx;
 			margin: 60rpx auto;
 			padding: 20rpx;
 			text-align: center;
 			border-radius: 10rpx;
-			background: linear-gradient(90deg, #438BED 0%,  #44BFEC 100%);
+			background: linear-gradient(90deg, #438BED 0%, #44BFEC 100%);
 			color: #fff;
 		}
 	}

pages/user/jifen.vue

@@ -26,7 +26,7 @@
 					<view v-else class="order-item flex " v-for="orderItem in item.orderList">
 						<view class="title-box ">
 							<view class="title">
-								<text>{{orderItem.title}}</text>
+								<text>{{orderItem.mark}}</text>
 							</view>
 							<view class="time">
 								<text>{{orderItem.add_time}}</text>
@@ -49,6 +49,7 @@
 		moneyLog,
 		wallet
 	} from '@/api/finance.js';
+	import { integral } from '@/api/wallet.js';
 	//下拉加载
 	import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
 	import empty from '@/components/u-empty/u-empty.vue';
@@ -59,10 +60,11 @@
 		},
 		computed: {
 			//积分
-			integral() {
-				return this.$store.state.user.userInfo.integral
+			// integral() {
+			// 	return this.$store.state.user.userInfo.integral
 
-			}
+			// }
+			// ...mapState('user',['userInfo'])
 		},
 		onReady(res) {
 			var _this = this;
@@ -143,19 +145,19 @@
 				//修改当前数据为加载中
 				item.loadingType = 'loading'
 				console.log(item.limit, '123456789987654321')
-				moneyLog({
+				integral({
 					page: item.page,
 					limit: item.limit,
 					pm: item.state
 
-				}, 'USDT').then(({
+				}).then(({
 					data
 				}) => {
 					console.log(data, '123456');
-					if (data.list.length > 0) {
-						item.orderList = item.orderList.concat(data.list)
+					
+						item.orderList = item.orderList.concat(data)
 						item.page++
-					}
+					
 					//判断是否还有数据，没有就把提示语改成nomore，有就为more
 					if (item.limit == data.length) {
 						item.loadingType = 'more'

pages/user/yongjin.vue

@@ -2,13 +2,10 @@
 	<view class="content">
 		<view class="header">
 			<image src="../../static/user/yongjin.png" mode=""></image>
-			<view class="integral">
-				{{ integral || '0.00' }}
-			</view>
+			<view class="integral">{{ userInfo.brokerage_price || '0.00' }}</view>
 		</view>
 		<view class="navbar">
-			<view v-for="(item, index) in navList" :key="index" class="nav-item"
-				:class="{ current: tabCurrentIndex === index }" @click="tabClick(index)">{{ item.text }}</view>
+			<view v-for="(item, index) in navList" :key="index" class="nav-item" :class="{ current: tabCurrentIndex === index }" @click="tabClick(index)">{{ item.text }}</view>
 		</view>
 		<swiper :current="tabCurrentIndex" class="swiper-box" duration="300" @change="changeTab">
 			<swiper-item class="tab-content" v-for="(tabItem, tabIndex) in navList" :key="tabIndex">
@@ -20,7 +17,7 @@
 					<view v-for="(item, index) in tabItem.orderList" :key="index" class="order-item flex">
 						<view class="title-box">
 							<view class="title">
-								<text>{{ item.mark }}</text>
+								<text>{{ item.title }}</text>
 							</view>
 							<view class="time">
 								<text>{{ item.add_time }}</text>
@@ -43,266 +40,239 @@
 </template>
 
 <script>
-	import {
-		moneyLog,
-		wallet
-	} from '@/api/finance.js';
-	//下拉加载
-	import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
-	import empty from '@/components/u-empty/u-empty.vue';
-	export default {
-		components: {
-			uniLoadMore,
-			empty
-		},
-		onReady() {
+import { spreadCommission, userBalance } from '@/api/wallet.js';
+import { mapState, mapMutations } from 'vuex';
+import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
+import empty from '@/components/empty';
+export default {
+	components: {
+		empty,
+		uniLoadMore
+	},
+	onReady() {
 
+	},
+	data() {
+		return {
+			tabCurrentIndex: 0,
+			navList: [
+				{
+					state: 3,
+					text: '收入',
+					loadingType: 'more',
+					orderList: [],
+					page: 1, //当前页数
+					limit: 10 //每次信息条数
+				},
+				{
+					state: 4,
+					text: '支出',
+					loadingType: 'more',
+					orderList: [],
+					page: 1, //当前页数
+					limit: 10 //每次信息条数
+				},
+			],
+		};
+	},
+	onShow() {
+		// 载入积分数据
+		this.loadData();
+	},
+	computed: {
+		//积分
+		...mapState('user',['userInfo'])
+	},
+	methods: {
+		// 页面跳转
+		navto(e) {
+			uni.navigateTo({
+				url: e
+			});
 		},
-		data() {
-			return {
-				integral:0,
-				tabCurrentIndex: 0,
-				navList: [{
-						state: 1,
-						text: '收入',
-						loadingType: 'more',
-						orderList: [],
-						page: 1, //当前页数
-						limit: 10 //每次信息条数
-					},
-					{
-						state: 0,
-						text: '支出',
-						loadingType: 'more',
-						orderList: [],
-						page: 1, //当前页数
-						limit: 10 //每次信息条数
-					},
-				],
-			};
-		},
-		onShow() {
-			// 载入积分数据
-			this.loadData();
-		},
-		onLoad() {
-
-			wallet({}).then(({
-				data		
-			}) => {
-
-				const obj = this
-				const arr = Object.keys(data.back)
-				console.log(data.back,'9999')
-				arr.forEach(e => {
-					if (e == 'USDC') {
-						obj.integral = (data.back[e].money.money * 1)
-						console.log(obj.integral, '666');
+		//获取收入支出信息
+		async loadData(source) {
+			//这里是将订单挂载到tab列表下
+			let index = this.tabCurrentIndex;
+			let navItem = this.navList[index];
+			let state = navItem.state ;
+			if (source === 'tabChange' && navItem.loaded === true) {
+				//tab切换只有第一次需要加载数据
+				return;
+			}
+			if (navItem.loadingType === 'loading') {
+				//防止重复加载
+				return;
+			}
+			// 修改当前对象状态为加载中
+			navItem.loadingType = 'loading';
+		
+			spreadCommission(
+				{
+					page: navItem.page,
+					limit: navItem.limit
+				},
+				state
+			)
+				.then(({ data }) => {
+					if (data.length > 0) {
+						navItem.orderList = navItem.orderList.concat(data[0].list);
+						console.log(navItem.orderList);
+						navItem.page++;
+					}
+					if (navItem.limit == data.length) {
+						//判断是否还有数据， 有改为 more， 没有改为noMore
+						navItem.loadingType = 'more';
+						return;
+					} else {
+						//判断是否还有数据， 有改为 more， 没有改为noMore
+						navItem.loadingType = 'noMore';
 					}
+					uni.hideLoading();
+					this.$set(navItem, 'loaded', true);
 				})
-			})
-			this.loadData();
-		},
-		methods: {
-			// 页面跳转
-			navto(e) {
-				uni.navigateTo({
-					url: e
+				.catch(e => {
+					console.log(e);
 				});
-			},
-			//获取收入支出信息
-			async loadData(source) {
-				//这里是将订单挂载到tab列表下
-				let index = this.tabCurrentIndex;
-				let navItem = this.navList[index];
-				let state = navItem.state;
-				if (source === 'tabChange' && navItem.loaded === true) {
-					//tab切换只有第一次需要加载数据
-					return;
-				}
-				if (navItem.loadingType === 'loading') {
-					//防止重复加载
-					return;
-				}
-				// 修改当前对象状态为加载中
-				navItem.loadingType = 'loading';
-
-				moneyLog({
-							page: navItem.page,
-							limit: navItem.limit,
-							pm: navItem.state
-						},
-						'USDC'
-					)
-					.then(({
-						data
-					}) => {
-					console.log(data,'111222')
-								if (data.list.length > 0) {
-									//新旧数据合并
-									navItem.orderList = navItem.orderList.concat(data.list);
-									console.log(navItem.orderList);
-									navItem.page++;
-								}
-								//判断是否还有数据, 有改为more, 没有改为noMore
-								if (navItem.limit == data.length) {
-									navItem.loadingType = 'more';
-									return;
-								} else {
-									navItem.loadingType = 'noMore';
-								}
-								// uni.hideLoading();
-								this.$set(navItem, 'loaded', true);
-							})
-							.catch(e => {
-								console.log(e);
-							});
-					},
-
-			//swiper 切换
-			changeTab(e) {
-				console.log(e, '1111')
-				this.tabCurrentIndex = e.target.current;
-				this.loadData('tabChange');
-			},
-			//顶部tab点击
-			tabClick(index) {
-				this.tabCurrentIndex = index;
-			}
 		},
-		computed: {
-			//积分
-			integral() {
-				return this.$store.state.user.userInfo.integral
-			}
+		//swiper 切换
+		changeTab(e) {
+			console.log(e, '1111')
+			this.tabCurrentIndex = e.target.current;
+			this.loadData('tabChange');
 		},
-	};
+		//顶部tab点击
+		tabClick(index) {
+			this.tabCurrentIndex = index;
+		}
+	},
+}
 </script>
 
 <style lang="scss">
-	page {
-		background: #ffffff;
-		height: 100%;
-	}
+page {
+	background: #ffffff;
+	height: 100%;
+}
 
-	.header {
-		image {
-			width: 100%;
-			height: 400rpx;
-		}
+.header {
+	image {
+		width: 100%;
+		height: 400rpx;
+	}
 
-		.integral {
-			width: 100%;
-			text-align: center;
-			position: absolute;
-			top: 160rpx;
-			color: #fff;
-			font-size: 80rpx;
-			font-weight: bold;
-		}
+	.integral {
+		width: 100%;
+		text-align: center;
+		position: absolute;
+		top: 160rpx;
+		color: #fff;
+		font-size: 80rpx;
+		font-weight: bold;
+	}
 
-		.right {
-			position: absolute;
-			top: 120rpx;
-			right: 0;
-			background-color: #fff;
-			border-radius: 10rpx 0 0 10rpx;
-			color: #438BED;
-			padding: 5rpx 15rpx;
-			font-size: 28rpx;
-		}
+	.right {
+		position: absolute;
+		top: 120rpx;
+		right: 0;
+		background-color: #fff;
+		border-radius: 10rpx 0 0 10rpx;
+		color: #438bed;
+		padding: 5rpx 15rpx;
+		font-size: 28rpx;
 	}
+}
 
-	.navbar {
-		display: flex;
+.navbar {
+	display: flex;
+
+	height: 40px;
+	padding: 0 5px;
+	background: #fff;
+	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06);
+	position: relative;
+	z-index: 10;
 
-		height: 40px;
-		padding: 0 5px;
-		background: #fff;
-		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06);
-		position: relative;
-		z-index: 10;
-	
 	.nav-item {
-			flex: 1;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			height: 100%;
-			font-size: 15px;
-			color: $font-color-dark;
-			position: relative;
+		flex: 1;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		height: 100%;
+		font-size: 15px;
+		color: $font-color-dark;
+		position: relative;
 
-			&.current {
-				color: #438BED;
+		&.current {
+			color: #438bed;
 
-				&:after {
-					content: '';
-					position: absolute;
-					left: 50%;
-					bottom: 0;
-					transform: translateX(-50%);
-					width: 44px;
-					height: 0;
-					border-bottom: 2px solid #438BED;
-				}
+			&:after {
+				content: '';
+				position: absolute;
+				left: 50%;
+				bottom: 0;
+				transform: translateX(-50%);
+				width: 44px;
+				height: 0;
+				border-bottom: 2px solid #438bed;
 			}
 		}
 	}
+}
 
-	// 列表
+// 列表
 
-	.swiper-box {
-		height: calc(100% - 180rpx - 400rpx);
-		padding-top: 10rpx;
-	
-	.order-item {
-			padding: 20rpx 30rpx;
-			line-height: 1.5;
+.swiper-box {
+	height: calc(100% - 180rpx - 400rpx);
+	padding-top: 10rpx;
 
-			.title-box {
-				.title {
-					font-size: $font-lg;
-					color: $font-color-base;
-				}
+	.order-item {
+		padding: 20rpx 30rpx;
+		line-height: 1.5;
 
-				.time {
-					font-size: $font-base;
-					color: $font-color-light;
-				}
+		.title-box {
+			.title {
+				font-size: $font-lg;
+				color: $font-color-base;
 			}
 
-			.money {
-				color: #EF3A55;
-				font-size: $font-lg;
+			.time {
+				font-size: $font-base;
+				color: $font-color-light;
 			}
 		}
-	}
 
-	.list-scroll-content {
-		height: 100%;
+		.money {
+			color: #ef3a55;
+			font-size: $font-lg;
+		}
 	}
+}
 
-	.content {
-		height: 100%;
+.list-scroll-content {
+	height: 100%;
+}
 
-		.empty-content {
-			height: 100%;
-			background-color: #ffffff;
-		}
-	}
+.content {
+	height: 100%;
 
-	.button {
-		position: relative;
-		bottom: 0;
-		bottom: 50rpx;
-		width: 674rpx;
-		height: 88rpx;
-		background: linear-gradient(90deg, #44BFEC, #438BED);
-		border-radius: 44rpx;
-		font-size: 36rpx;
-		font-family: PingFang SC;
-		font-weight: 500;
-		color: #FFFFFF;
+	.empty-content {
+		height: 100%;
+		background-color: #ffffff;
 	}
+}
+
+.button {
+	position: relative;
+	bottom: 0;
+	bottom: 50rpx;
+	width: 674rpx;
+	height: 88rpx;
+	background: linear-gradient(90deg, #44bfec, #438bed);
+	border-radius: 44rpx;
+	font-size: 36rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #ffffff;
+}
 </style>