2023-9-15

pages/collection/bank.vue

@@ -21,6 +21,13 @@
 				<text>手机号</text>
 				<input type="text" v-model="phone" value="" placeholder="请输入手机号" />
 			</view>
+			<view class="item">
+				<text>验证码</text>
+				<view class="login_name flex">
+					<input class="uni-input" v-model="code" focus placeholder="请输入验证码" />
+					<view class="code" @click="verification">{{ countDown == 0 ? '验证码' : countDown }}</view>
+				</view>
+			</view>
 		</view>
 		<view class="button" @click="confirm()">确认</view>
 	</view>
@@ -30,6 +37,7 @@
 import { auction, pay_list } from '@/api/wallet.js';
 import { orderData, getUserInfo } from '@/api/user.js';
 import { mapState, mapMutations } from 'vuex';
+import { verify } from '@/api/login.js';
 export default {
 	computed: {
 		...mapState('user', ['userInfo', 'orderInfo', 'hasLogin'])
@@ -40,9 +48,20 @@ export default {
 			id: '',
 			idName: '',
 			phone: '',
-			bankname: ''
+			bankname: '',
+			countDown:0,//倒计时
+			code:'',//验证码
+			time:''
 		};
 	},
+	watch: {
+		// 监听倒计时
+		countDown(i) {
+			if (i == 0) {
+				clearInterval(this.time);
+			}
+		}
+	},
 	onLoad() {
 		pay_list().then(({ data }) => {
 			if (data.bank != '') {
@@ -56,6 +75,32 @@ export default {
 	},
 	methods: {
 		...mapMutations('user', ['setUserInfo', 'setOrderInfo']),
+		//发送验证码
+		verification() {
+			let obj = this;
+			if (!this.userInfo.phone) {
+				this.$api.msg('请绑定手机号');
+				return;
+			}
+			// 判断是否在倒计时
+			if (obj.countDown > 0) {
+				return false;
+			} else {
+				obj.countDown = 60;
+				obj.time = setInterval(() => {
+					obj.countDown--;
+				}, 1000);
+				//调用验证码接口
+				verify({
+					phone: obj.userInfo.phone,
+					type: ''
+				})
+					.then(({ data }) => {})
+					.catch(err => {
+						console.log(err);
+					});
+			}
+		},
 		confirm() {
 			let obj = this;
 			if (!obj.name) {
@@ -73,13 +118,17 @@ export default {
 			if (!obj.bankname) {
 				return this.$api.msg('请输入所属支行');
 			}
+			if (!obj.code) {
+				return this.$api.msg('请输入验证码');
+			}
 			auction({
 				type: 3,
 				name: obj.name,
 				bank: obj.idName,
 				payment: obj.id,
 				phone: obj.phone,
-				bank_name: obj.bankname
+				bank_name: obj.bankname,
+				captcha:obj.code
 			}).then(e => {
 				obj.$api.msg('修改成功');
 			});
@@ -124,6 +173,22 @@ page,
 			color: #999999;
 			line-height: 100rpx;
 		}
+		.uni-input {
+			text-align: left;
+			width: 325rpx;
+			font-size: 28rpx !important;
+		}
+		.login_name {
+			color: #333333;
+		}
+		.code {
+			color: #db292b;
+			font-size: 23rpx;
+			border-left: 1px solid #eeeeee;
+			width: 150rpx;
+			flex-shrink: 0;
+			text-align: center;
+		}
 	}
 }
 .button {

pages/collection/wx.vue

@@ -13,6 +13,13 @@
 				<text>手机号</text>
 				<input type="text" v-model="phone" value="" placeholder="请输入手机号" />
 			</view>
+			<view class="wx">
+				<text>验证码</text>
+				<view class="login_name flex">
+					<input class="uni-input" v-model="captcha" focus placeholder="请输入验证码" />
+					<view class="code" @click="verification">{{ countDown == 0 ? '验证码' : countDown }}</view>
+				</view>
+			</view>
 			<view class="erweima">
 				<text>微信收款码</text>
 				<view class="img" @click="uploads()">
@@ -28,20 +35,43 @@
 </template>
 
 <script>
-	import { upload } from '@/api/order.js'
-	import { auction,pay_list } from '@/api/wallet.js';
+	import {
+		upload
+	} from '@/api/order.js'
+	import {
+		auction,
+		pay_list
+	} from '@/api/wallet.js';
+	import { verify } from '@/api/login.js';
+	import { mapState } from 'vuex';
 	export default {
+		computed: {
+			...mapState('user', ['userInfo'])
+		},
 		data() {
 			return {
-				code:'',
-				name:'',
-				image:'',
-				phone:''
+				code: '',
+				name: '',
+				image: '',
+				phone: '',
+				captcha:'',
+				countDown:0,//倒计时
+				time:''
 			};
 		},
+		watch: {
+			// 监听倒计时
+			countDown(i) {
+				if (i == 0) {
+					clearInterval(this.time);
+				}
+			}
+		},
 		onLoad() {
-			pay_list().then(({data}) =>{
-				if(data.wx != ''){
+			pay_list().then(({
+				data
+			}) => {
+				if (data.wx != '') {
 					this.name = data.wx.name
 					this.code = data.wx.payment
 					this.image = data.wx.image
@@ -50,12 +80,45 @@
 			})
 		},
 		methods: {
-			uploads(){
+			//发送验证码
+			verification() {
+				let obj = this;
+				if (!this.userInfo.phone) {
+					this.$api.msg('请绑定手机号');
+					return;
+				}
+				// 判断是否在倒计时
+				if (obj.countDown > 0) {
+					return false;
+				} else {
+					obj.countDown = 60;
+					obj.time = setInterval(() => {
+						obj.countDown--;
+					}, 1000);
+					//调用验证码接口
+					verify({
+						phone: obj.userInfo.phone,
+						type: ''
+					})
+						.then(({ data }) => {})
+						.catch(err => {
+							console.log(err);
+						});
+				}
+			},
+			uploads() {
+				uni.showLoading({
+					title: '上传中...',
+					mask: true
+				});
 				upload({
 					filename: ''
 				}).then(data => {
+					uni.hideLoading()
 					this.image = data[0].url;
-				})
+				}).catch(()=>{
+					uni.hideLoading();
+				});
 			},
 			confirm() {
 				let obj = this;
@@ -71,13 +134,17 @@
 				if (!obj.phone) {
 					return this.$api.msg('请输入手机号码');
 				}
+				if (!obj.captcha) {
+					return this.$api.msg('请输入验证码');
+				}
 				auction({
-					type:1,
-					name: obj.name,
-					payment: obj.code,
-					image: obj.image,
-					phone: obj.phone,
-				})
+						type: 1,
+						name: obj.name,
+						payment: obj.code,
+						image: obj.image,
+						phone: obj.phone,
+						captcha:obj.captcha,
+					})
 					.then(e => {
 						obj.$api.msg('修改成功');
 					})
@@ -90,68 +157,96 @@
 </script>
 
 <style lang="scss">
-page , .content{
-	height: 100%;
-	margin: 0;
-	padding: 0;
-	
-}
-.box{
-	margin:20rpx 0  100rpx 0;
-	width: 100%;
-	background: #FFFFFF;
-	
-	.wx{
-		border-bottom: #F0F0F0 solid 1rpx;
-		padding: 20rpx 0 30rpx 0;
-		display: flex;
-		text{
-			width: 150rpx;
-			margin: 0 30rpx;
-		}
-		input {
-			height: 100rpx;
-			display: inline-block;
-			font-size: 28rpx;
-			font-family: PingFang SC;
-			font-weight: 400;
-			color: #999999;
-			line-height: 100rpx;
-		}
+	page,
+	.content {
+		height: 100%;
+		margin: 0;
+		padding: 0;
+
 	}
-	.erweima{
-		padding: 30rpx 0;
-		display: flex;
-		text{
-			margin: 0 30rpx;
-			width: 150rpx;
-			font-size: 30rpx;
-			font-family: PingFang SC;
-			font-weight: 400;
-			color: #333333;
-			
+
+	.box {
+		margin: 20rpx 0 100rpx 0;
+		width: 100%;
+		background: #FFFFFF;
+
+		.wx {
+			border-bottom: #F0F0F0 solid 1rpx;
+			padding: 20rpx 0 30rpx 0;
+			display: flex;
+
+			text {
+				width: 150rpx;
+				margin: 0 30rpx;
+			}
+
+			input {
+				height: 100rpx;
+				display: inline-block;
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 400;
+				color: #999999;
+				line-height: 100rpx;
+			}
 		}
-		.img{
-			width: 160rpx;
-			height: 160rpx;
-			image{
-				width: 100%;
-				height: 100%;
+
+		.erweima {
+			padding: 30rpx 0;
+			display: flex;
+
+			text {
+				margin: 0 30rpx;
+				width: 150rpx;
+				font-size: 30rpx;
+				font-family: PingFang SC;
+				font-weight: 400;
+				color: #333333;
+
+			}
+
+			.img {
+				width: 160rpx;
+				height: 160rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
 			}
 		}
 	}
-}
-.button{
-	margin: 0 auto;
-	width: 560rpx;
-	height: 80rpx;
-	background: #FD3B39;
-	border-radius: 40rpx;
-	font-size: 30rpx;
-	font-family: PingFangSC;
-	font-weight: 500;
-	color: #FFFFFF;
-	line-height: 80rpx;
-	text-align: center;
-}
-</style>
+
+	.button {
+		margin: 0 auto;
+		width: 560rpx;
+		height: 80rpx;
+		background: #FD3B39;
+		border-radius: 40rpx;
+		font-size: 30rpx;
+		font-family: PingFangSC;
+		font-weight: 500;
+		color: #FFFFFF;
+		line-height: 80rpx;
+		text-align: center;
+	}
+
+	.uni-input {
+		text-align: left;
+		width: 325rpx;
+		font-size: 28rpx !important;
+	}
+
+	.login_name {
+		color: #333333;
+	}
+
+	.code {
+		color: #db292b;
+		font-size: 23rpx;
+		border-left: 1px solid #eeeeee;
+		width: 150rpx;
+		flex-shrink: 0;
+		text-align: center;
+	}
+</style>

pages/collection/zfb.vue

@@ -13,6 +13,13 @@
 				<text>手机号</text>
 				<input type="text" v-model="phone" value="" placeholder="请输入手机号" />
 			</view>
+			<view class="item">
+				<text>验证码</text>
+				<view class="login_name flex">
+					<input class="uni-input" v-model="code" focus placeholder="请输入验证码" />
+					<view class="code" @click="verification">{{ countDown == 0 ? '验证码' : countDown }}</view>
+				</view>
+			</view>
 		</view>
 		<view class="button" @click="confirm()">确认</view>
 	</view>
@@ -22,6 +29,7 @@
 import { orderData, getUserInfo } from '@/api/user.js';
 import { mapState, mapMutations } from 'vuex';
 import { auction,pay_list } from '@/api/wallet.js';
+import { verify } from '@/api/login.js';
 export default {
 	computed: {
 		...mapState('user', ['userInfo', 'orderInfo', 'hasLogin'])
@@ -30,9 +38,20 @@ export default {
 		return {
 			name: '',
 			id: '',
-			phone:''
+			phone:'',
+			countDown:0,//倒计时
+			code:'',//验证码
+			time:''
 		};
 	},
+	watch: {
+		// 监听倒计时
+		countDown(i) {
+			if (i == 0) {
+				clearInterval(this.time);
+			}
+		}
+	},
 	onLoad() {
 		pay_list().then(({data}) =>{
 			if(data.zfb != ''){
@@ -44,6 +63,31 @@ export default {
 	},
 	methods: {
 		...mapMutations('user', ['setUserInfo', 'setOrderInfo']),
+		verification() {
+			let obj = this;
+			if (!this.userInfo.phone) {
+				this.$api.msg('请绑定手机号');
+				return;
+			}
+			// 判断是否在倒计时
+			if (obj.countDown > 0) {
+				return false;
+			} else {
+				obj.countDown = 60;
+				obj.time = setInterval(() => {
+					obj.countDown--;
+				}, 1000);
+				//调用验证码接口
+				verify({
+					phone: obj.userInfo.phone,
+					type: ''
+				})
+					.then(({ data }) => {})
+					.catch(err => {
+						console.log(err);
+					});
+			}
+		},
 		confirm() {
 			let obj = this;
 			if (!obj.name) {
@@ -55,11 +99,15 @@ export default {
 			if (!obj.phone) {
 				return this.$api.msg('请输入手机号码');
 			}
+			if (!obj.code) {
+				return this.$api.msg('请输入验证码');
+			}
 			auction({
 				type:2,
 				name: obj.name,
 				payment: obj.id,
 				phone: obj.phone,
+				captcha:obj.code
 			})
 				.then(e => {
 					obj.$api.msg('修改成功');
@@ -106,6 +154,22 @@ page,
 			color: #999999;
 			line-height: 100rpx;
 		}
+		.uni-input {
+			text-align: left;
+			width: 325rpx;
+			font-size: 28rpx !important;
+		}
+		.login_name {
+			color: #333333;
+		}
+		.code {
+			color: #db292b;
+			font-size: 23rpx;
+			border-left: 1px solid #eeeeee;
+			width: 150rpx;
+			flex-shrink: 0;
+			text-align: center;
+		}
 	}
 }
 .button {

pages/order/evaluate.vue

@@ -103,17 +103,24 @@ export default {
 				});
 				return;
 			}
+			uni.showLoading({
+				title:'上传中...',
+				mask:true
+			})
 			upload({
 				file: ''
 			})
 				.then(e => {
+					uni.hideLoading()
 					console.log(e,'e')
 					obj.imgList = [...obj.imgList, ...e];
 					console.log(obj.imgList,'imgList')
 					obj.imgCount = 10 - obj.imgList.length;
 					console.log(obj.imgCount ,'imgCount ')
 				})
-				.catch(e => {});
+				.catch(e => {
+					uni.hideLoading()
+				});
 		},
 		//提交评论
 		submit(e) {

pages/set/userinfo.vue

@@ -52,11 +52,18 @@ export default {
 		...mapMutations('user',['logout']),
 		imgsub() {
 			console.log('上传头像')
+			uni.showLoading({
+				title: '上传中',
+				mask: true
+			});
 			upload({
 				filename: ''
 			}).then(data => {
+				uni.hideLoading()
 				console.log("data",data);
 				this.userInfo.avatar = data[0].url;
+			}).catch(()=>{
+				uni.hideLoading()
 			})
 		},
 		confirm() {

pages/user/approve.vue

@@ -32,10 +32,17 @@ export default {
 		upImg(e) {
 			console.log('上传图片');
 			const that = this;
+			uni.showLoading({
+				title: '上传中',
+				mask: true
+			});
 			upload({
 				filename: ''
 			}).then(data => {
+				uni.hideLoading()
 				this.form.img = data[0].url;
+			}).catch(()=>{
+				uni.hideLoading()
 			});
 		},
 		ToIndex() {

unpackage/dist/build/h5/index.html

@@ -1,2 +0,0 @@
-<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>商城</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
-            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/index/static/index.97465e7b.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/index/static/js/chunk-vendors.422e5ee0.js></script><script src=/index/static/js/index.4990a56f.js></script></body></html>

unpackage/dist/build/h5/static/css/cmy.css

@@ -1,551 +0,0 @@
-/*初始化类*/
-@font-face {
-	font-family: 'iconfont';
-	/* project id 1482221 */
-	src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot');
-	src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot?#iefix') format('embedded-opentype'),
-		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff2') format('woff2'),
-		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff') format('woff'),
-		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.ttf') format('truetype'),
-		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.svg#iconfont') format('svg');
-}
-
-.acea-row {
-	display: -webkit-box;
-	display: -moz-box;
-	display: -webkit-flex;
-	display: -ms-flexbox;
-	display: flex;
-	-webkit-box-lines: multiple;
-	-moz-box-lines: multiple;
-	-o-box-lines: multiple;
-	-webkit-flex-wrap: wrap;
-	-ms-flex-wrap: wrap;
-	flex-wrap: wrap
-}
-
-.acea-row.row-middle {
-	-webkit-box-align: center;
-	-moz-box-align: center;
-	-o-box-align: center;
-	-ms-flex-align: center;
-	-webkit-align-items: center;
-	align-items: center
-}
-
-.bg-color-red {
-	background-color: #e93323 !important;
-}
-
-.acea-row.row-right {
-	-webkit-box-pack: end;
-	-moz-box-pack: end;
-	-o-box-pack: end;
-	-ms-flex-pack: end;
-	-webkit-justify-content: flex-end;
-	justify-content: flex-end
-}
-
-.acea-row.row-between-wrapper {
-	-webkit-box-align: center;
-	-moz-box-align: center;
-	-o-box-align: center;
-	-ms-flex-align: center;
-	-webkit-align-items: center;
-	align-items: center;
-	-webkit-box-pack: justify;
-	-moz-box-pack: justify;
-	-o-box-pack: justify;
-	-ms-flex-pack: justify;
-	-webkit-justify-content: space-between;
-	justify-content: space-between
-}
-
-.acea-row.row-column-around {
-	-webkit-flex-direction: column;
-	-ms-flex-direction: column;
-	flex-direction: column;
-	justify-content: space-around;
-	-webkit-justify-content: space-around
-}
-
-.acea-row.row-center-wrapper {
-	-webkit-box-align: center;
-	-moz-box-align: center;
-	-o-box-align: center;
-	-ms-flex-align: center;
-	-webkit-align-items: center;
-	align-items: center;
-	-webkit-box-pack: center;
-	-moz-box-pack: center;
-	-o-box-pack: center;
-	-ms-flex-pack: center;
-	-webkit-justify-content: center;
-	justify-content: center
-}
-
-.iconfont {
-	font-family: "iconfont" !important;
-	font-size: 34rpx;
-	font-style: normal;
-	-webkit-font-smoothing: antialiased;
-	-webkit-text-stroke-width: 0rpx;
-	-moz-osx-font-smoothing: grayscale;
-}
-
-.iconedit:before {
-	content: "\e649";
-}
-
-.iconfavorfill:before {
-	content: "\e64b";
-}
-
-.iconfavor:before {
-	content: "\e64c";
-}
-
-.iconlocation:before {
-	content: "\e651";
-}
-
-.iconroundcheckfill:before {
-	content: "\e656";
-}
-
-.iconroundcheck:before {
-	content: "\e657";
-}
-
-.iconunfold:before {
-	content: "\e661";
-}
-
-.iconlikefill:before {
-	content: "\e668";
-}
-
-.iconlike:before {
-	content: "\e669";
-}
-
-.iconshop:before {
-	content: "\e676";
-}
-
-.iconcart:before {
-	content: "\e6af";
-}
-
-.icondelete:before {
-	content: "\e6b4";
-}
-
-.iconhome:before {
-	content: "\e6b8";
-}
-
-.iconcartfill:before {
-	content: "\e6b9";
-}
-
-.iconhomefill:before {
-	content: "\e6bb";
-}
-
-.iconlock:before {
-	content: "\e6c0";
-}
-
-.iconfriendadd:before {
-	content: "\e6ca";
-}
-
-.iconfold:before {
-	content: "\e6de";
-}
-
-.iconapps:before {
-	content: "\e729";
-}
-
-.iconadd:before {
-	content: "\e767";
-}
-
-.iconmove:before {
-	content: "\e768";
-}
-
-.icontriangledownfill:before {
-	content: "\e79b";
-}
-
-.icontriangleupfill:before {
-	content: "\e79c";
-}
-
-.iconshaixuan:before {
-	content: "\e74a";
-}
-
-.iconyanzhengma:before {
-	content: "\e684";
-}
-
-.iconjifen:before {
-	content: "\e60f";
-}
-
-.iconwuliuxinxi:before {
-	content: "\e62b";
-}
-
-.iconmessage:before {
-	content: "\e78a";
-}
-
-.iconsetting:before {
-	content: "\e78e";
-}
-
-.iconaddition:before {
-	content: "\e6e0";
-}
-
-.iconclose:before {
-	content: "\e6e9";
-}
-
-.iconenter:after {
-	content: "\e6f8";
-}
-
-.iconprompt:before {
-	content: "\e71b";
-}
-
-.iconreturn:before {
-	content: "\e720";
-}
-
-.iconsearch:before {
-	content: "\e741";
-}
-
-.iconpengyouquan:before {
-	content: "\e62c";
-}
-
-.iconweixin:before {
-	content: "\e60e";
-}
-
-.iconzhifubao:before {
-	content: "\e673";
-}
-
-.iconyue:before {
-	content: "\e618";
-}
-
-.iconweixin1:before {
-	content: "\e622";
-}
-
-.iconlock1:before {
-	content: "\e64d";
-}
-
-.iconuser:before {
-	content: "\e64e";
-}
-
-.iconchenggongtixianshouyi:before {
-	content: "\e64f";
-}
-
-.iconviptuiguangdingdan:before {
-	content: "\e650";
-}
-
-.icondaifukuan:before {
-	content: "\e652";
-}
-
-.icondaijiesuanshouyi:before {
-	content: "\e653";
-}
-
-.icondaidakuanshouyi:before {
-	content: "\e654";
-}
-
-.icondaifahuo:before {
-	content: "\e655";
-}
-
-.icondaishouhuoshouyi:before {
-	content: "\e658";
-}
-
-.icondaishouhuo:before {
-	content: "\e659";
-}
-
-.iconwuxiaoshouyi:before {
-	content: "\e65a";
-}
-
-.icontixianmingxi:before {
-	content: "\e65b";
-}
-
-.iconshouyi:before {
-	content: "\e65c";
-}
-
-.iconkouchutixianshouxufei:before {
-	content: "\e65d";
-}
-
-.iconyishenqingshouyi:before {
-	content: "\e65e";
-}
-
-.icontuihuanhuo:before {
-	content: "\e65f";
-}
-
-
-/*水平线*/
-.hr {
-	width: 100%;
-	position: relative;
-	border-bottom: 1px solid #dddddd;
-	/* height: 0.5rpx; */
-}
-
-/* 一行显示 */
-.clamp {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	display: block;
-}
-
-/* 二行显示 */
-.clamp2 {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	display: -webkit-box;
-	-webkit-line-clamp: 2;
-	-webkit-box-orient: vertical;
-}
-
-/* 二行显示 */
-.ellipsis {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	display: -webkit-box;
-	-webkit-box-orient: vertical;
-	-webkit-line-clamp: 2;
-}
-
-.common-hover {
-	background: #f5f5f5;
-}
-
-/* 角标 */
-.corner {
-	background-color: #e51c23;
-	position: absolute;
-	right: -18rpx;
-	top: -18rpx;
-	color: #FFFFFF;
-	text-align: center;
-	border-radius: 999px;
-	font-size: 24rpx !important;
-	min-width: 35rpx;
-	min-height: 35rpx;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	line-height: 1;
-}
-
-.flex_item {
-	display: flex;
-	align-items: center;
-	/* justify-content: space-between; */
-}
-
-/* 左右顶格加上下居中 */
-.flex-between-center {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-}
-
-/* flex布局-整体居中 */
-.flex-center {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.flex-start {
-	display: flex;
-	align-items: center;
-	justify-content: flex-start;
-}
-
-/*文字对齐*/
-.text-left {
-	text-align: left !important;
-}
-
-.text-center {
-	text-align: center !important;
-}
-
-.text-justify {
-	text-align: justify !important;
-}
-
-.text-right {
-	text-align: right !important;
-}
-
-.text-default {
-	color: #212121 !important;
-}
-
-.text-white {
-	color: #ffffff !important;
-}
-
-.text-primary {
-	color: #00bcd4 !important;
-}
-
-.text-success {
-	color: #009688 !important;
-}
-
-.text-info {
-	color: #03a9f4 !important;
-}
-
-.text-warning {
-	color: #ffc107 !important;
-}
-
-.text-danger {
-	color: #e51c23 !important;
-}
-
-.text-pink {
-	color: #e91e63 !important;
-}
-
-.text-purple {
-	color: #673ab7 !important;
-}
-
-.text-indigo {
-	color: #3f51b5 !important;
-}
-
-.text-gray {
-	color: #999999 !important;
-}
-
-.bg-default {
-	background-color: #f5f5f5 !important;
-}
-
-.bg-primary {
-	background-color: #00bcd4 !important;
-}
-
-.bg-success {
-	background-color: #009688 !important;
-}
-
-.bg-info {
-	background-color: #03a9f4 !important;
-}
-
-.bg-warning {
-	background-color: #FFB238 !important;
-}
-
-.bg-danger {
-	background-color: #DC4D46 !important;
-}
-
-.bg-pink {
-	background-color: #e91e63 !important;
-}
-
-.bg-purple {
-	background-color: #673ab7 !important;
-}
-
-.bg-indigo {
-	background-color: #3f51b5 !important;
-}
-
-.bg-white {
-	background-color: white !important;
-}
-
-.bg-gray {
-	background-color: #e3e3e3 !important;
-}
-
-/* 边框 */
-.border-radius-15 {
-	border-radius: 15rpx;
-}
-
-.border-radius-10 {
-	border-radius: 10rpx;
-}
-
-.border-radius-all {
-	border-radius: 1000rpx;
-}
-
-/* 底部边线 */
-.borde-b {
-	border-bottom: 1px solid #dddddd;
-}
-
-/* 弹性盒子 */
-.flex {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-}
-
-.items-left {
-	justify-content: flex-start;
-}
-
-.items-right {
-	justify-content: flex-end;
-}
-
-.flex-shrink-false {
-	flex-shrink: 0;
-}
-
-.flex-grow-true {
-	flex-grow: 1;
-}
-
-.position-relative {
-	position: relative;
-}