From a8aedc57a98c54d50d625d5ebd5f273312f495f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=98=8A=E5=A4=A9?= <442384644@qq.com>
Date: Wed, 28 Sep 2022 18:48:26 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=A8=A1=E7=89=88=E7=9B=AE=E5=BD=95?=
 =?UTF-8?q?=E3=80=91=E6=9B=B4=E6=96=B0=E7=A7=BB=E5=8A=A8=E7=AB=AF=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=BA=90=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../uni-app/pages/admin/orderList/index.vue   |   94 +-
 template/uni-app/pages/users/login/index.vue  | 1655 +++++++++--------
 2 files changed, 929 insertions(+), 820 deletions(-)

diff --git a/template/uni-app/pages/admin/orderList/index.vue b/template/uni-app/pages/admin/orderList/index.vue
index 75531d7f7..f3b0ebec4 100644
--- a/template/uni-app/pages/admin/orderList/index.vue
+++ b/template/uni-app/pages/admin/orderList/index.vue
@@ -1,5 +1,13 @@
 <template>
 	<view class="pos-order-list" ref="container">
+		<view class='search acea-row row-between-wrapper'>
+			<view class='input acea-row row-between-wrapper'>
+				<text class='iconfont icon-sousuo'></text>
+				<input type='text' v-model='where.keywords' @confirm="inputConfirm" :focus='focus'
+					:placeholder='$t(`搜索用户名/订单号/电话`)' placeholder-class='placeholder' @input="setValue"></input>
+			</view>
+			<view class='bnt' @tap='searchBut'>{{$t(`搜索`)}}</view>
+		</view>
 		<view class="nav acea-row row-around row-middle">
 			<view class="item" :class="where.status == 0 ? 'on' : ''" @click="changeStatus(0)">
 				{{$t(`待付款`)}}
@@ -136,6 +144,7 @@
 				change: false,
 				types: 0,
 				where: {
+					keywords: '',
 					page: 1,
 					limit: 10,
 					status: 0
@@ -143,6 +152,7 @@
 				list: [],
 				loaded: false,
 				loading: false,
+				focus: false,
 				orderInfo: {},
 				status: "",
 				isRefund: 0 //1是仅退款;0是退货退款
@@ -154,8 +164,32 @@
 			this.init();
 		},
 		methods: {
+			setValue(event) {
+				this.$set(this.where, 'keywords', event.detail.value);
+			},
+			inputConfirm(event) {
+				if (event.detail.value) {
+					uni.hideKeyboard();
+					this.getIndex();
+				}
+			},
+			searchBut() {
+				let that = this;
+				if (!that.where.keywords.trim()) return this.$util.Tips({
+					title: that.$t(`请输入要搜索的商品`)
+				});
+				that.focus = false;
+				that.where.page = 1;
+				that.loading = false;
+				that.loaded = false;
+				that.$set(that, 'list', []);
+				uni.showLoading({
+					title: that.$t(`正在搜索中`)
+				});
+				that.getIndex();
+			},
 			// 获取数据
-			getIndex: function() {
+			getIndex() {
 				let that = this;
 				if (that.loading || that.loaded) return;
 				that.loading = true;
@@ -167,8 +201,10 @@
 						that.loaded = res.data.length < that.where.limit;
 						that.list.push.apply(that.list, res.data);
 						that.where.page = that.where.page + 1;
+						uni.hideLoading();
 					},
 					err => {
+						uni.hideLoading();
 						that.$util.Tips({
 							title: err
 						})
@@ -176,7 +212,7 @@
 				);
 			},
 			// 初始化
-			init: function() {
+			init() {
 				this.list = [];
 				this.where.page = 1;
 				this.loaded = false;
@@ -192,7 +228,7 @@
 				}
 			},
 			// 商品操作
-			modify: function(item, status) {
+			modify(item, status) {
 				this.change = true;
 				this.status = status.toString();
 				this.orderInfo = item;
@@ -200,7 +236,7 @@
 					this.isRefund = 1
 				}
 			},
-			changeclose: function(msg) {
+			changeclose(msg) {
 				this.change = msg;
 			},
 			async savePrice(opt) {
@@ -310,7 +346,7 @@
 					url: `/pages/admin/orderDetail/index?id=${item.order_id}&types=${this.where.status}`
 				})
 			},
-			offlinePay: function(item) {
+			offlinePay(item) {
 				setOfflinePay({
 					order_id: item.order_id
 				}).then(
@@ -333,15 +369,55 @@
 	}
 </script>
 
-<style>
+<style lang="scss" scoped>
+	.pos-order-list {
+		.search {
+			padding-left: 30rpx;
+			padding-top: 30rpx;
+			background-color: #fff;
+
+			.input {
+				width: 598rpx;
+				background-color: #f7f7f7;
+				border-radius: 33rpx;
+				padding: 0 35rpx;
+				box-sizing: border-box;
+				height: 66rpx;
+			}
+
+			.input input {
+				width: 472rpx;
+				font-size: 28rpx;
+			}
+
+			.input .placeholder {
+				color: #999;
+			}
+
+			.input .iconfont {
+				color: #555;
+				font-size: 35rpx;
+			}
+
+			.bnt {
+				width: 120rpx;
+				text-align: center;
+				height: 66rpx;
+				line-height: 66rpx;
+				font-size: 30rpx;
+				color: #282828;
+			}
+		}
+	}
+
 	.pos-order-list .nav {
 		width: 100%;
 		height: 96upx;
 		background-color: #fff;
-		font-size: 30upx;
+		font-size: 28rpx;
 		color: #282828;
 		position: fixed;
-		top: 0;
+		top: 96rpx;
 		left: 0;
 		z-index: 9999;
 	}
@@ -355,7 +431,7 @@
 	}
 
 	.pos-order-list .nothing {
-		margin-top: 120upx;
+		margin-top: 220upx;
 		text-align: center;
 		color: #cfcfcf;
 	}
diff --git a/template/uni-app/pages/users/login/index.vue b/template/uni-app/pages/users/login/index.vue
index 16838f5af..f723c21a0 100644
--- a/template/uni-app/pages/users/login/index.vue
+++ b/template/uni-app/pages/users/login/index.vue
@@ -1,812 +1,845 @@
-<template>
-	<view class="login-wrapper" :style="colorStyle">
-		<view class="shading">
-			<image :src="logoUrl" v-if="logoUrl" />
-			<image src="../static/logo2.png" v-else />
-		</view>
-		<view class="whiteBg" v-if="formItem === 1">
-			<view class="list" v-if="current !== 1">
-				<form @submit.prevent="submit">
-					<view class="item">
-						<view class="acea-row row-middle">
-							<image src="../static/phone_1.png" style="width: 24rpx; height: 34rpx;"></image>
-							<input type="text" :placeholder="$t(`输入手机号码`)" v-model="account" maxlength="11" required />
-						</view>
-					</view>
-					<view class="item">
-						<view class="acea-row row-middle">
-							<image src="../static/code_1.png" style="width: 28rpx; height: 32rpx;"></image>
-							<input type="password" :placeholder="$t(`填写登录密码`)" v-model="password" required />
-						</view>
-					</view>
-				</form>
-				<!-- <navigator class="forgetPwd" hover-class="none" url="/pages/users/retrievePassword/index">
-					<span class="iconfont icon-wenti"></span>忘记密码
-				</navigator> -->
-			</view>
-			<view class="list" v-if="current !== 0 || appLoginStatus || appleLoginStatus">
-				<view class="item">
-					<view class="acea-row row-middle">
-						<image src="../static/phone_1.png" style="width: 24rpx; height: 34rpx;"></image>
-						<input type="text" :placeholder="$t(`输入手机号码`)" v-model="account" maxlength="11" />
-					</view>
-				</view>
-				<view class="item">
-					<view class="acea-row row-middle">
-						<image src="../static/code_2.png" style="width: 28rpx; height: 32rpx;"></image>
-						<input type="text" :placeholder="$t(`填写验证码`)" maxlength="6" class="codeIput"
-							v-model="captcha" />
-						<button class="code" :disabled="disabled" :class="disabled === true ? 'on' : ''" @click="code">
-							{{ text }}
-						</button>
-					</view>
-				</view>
-			<!-- 	<view class="item" v-if="isShowCode">
-					<view class="acea-row row-middle">
-						<image src="../static/code_2.png" style="width: 28rpx; height: 32rpx;"></image>
-						<input type="text" :placeholder="$t(`填写验证码`)" class="codeIput" v-model="codeVal" />
-						<view class="code" @click="again"><img :src="codeUrl" /></view>
-					</view>
-				</view> -->
-			</view>
-			<view class="logon" @click="loginMobile" v-if="current !== 0">{{$t(`登录`)}}</view>
-			<view class="logon" @click="submit" v-if="current === 0">{{$t(`登录`)}}</view>
-			<!-- #ifndef APP-PLUS -->
-			<view class="tips">
-				<view v-if="current==0" @click="current = 1">{{$t(`快速登录`)}}</view>
-				<view v-if="current==1" @click="current = 0">{{$t(`账号登录`)}}</view>
-			</view>
-			<!-- #endif -->
-			<!-- #ifdef APP-PLUS -->
-			<view class="appLogin" v-if="!appLoginStatus && !appleLoginStatus">
-				<view class="hds">
-					<span class="line"></span>
-					<p>{{$t(`其他方式登录`)}}</p>
-					<span class="line"></span>
-				</view>
-				<view class="btn-wrapper">
-					<view class="btn wx" @click="wxLogin">
-						<span class="iconfont icon-s-weixindenglu1"></span>
-					</view>
-					<view class="btn mima" v-if="current == 1" @click="current =0">
-						<span class="iconfont icon-s-mimadenglu1"></span>
-					</view>
-					<view class="btn yanzheng" v-if="current == 0" @click="current =1">
-						<span class="iconfont icon-s-yanzhengmadenglu1"></span>
-					</view>
-					<view class="apple-btn" @click="appleLogin" v-if="appleShow">
-						<view class="iconfont icon-s-pingguo"></view>
-					</view>
-				</view>
-			</view>
-			<!-- #endif -->
-			<view class="protocol">
-				<checkbox-group @change='ChangeIsDefault'>
-					<checkbox :class="inAnimation?'trembling':''" @animationend='inAnimation=false'
-						:checked="protocol ? true : false" />{{$t(`已阅读并同意`)}} <text class="main-color"
-						@click="privacy(4)">{{$t(`《用户协议》`)}}</text>
-					{{$t(`与`)}}<text class="main-color" @click="privacy(3)">{{$t(`《隐私协议》`)}}</text>
-				</checkbox-group>
-			</view>
-		</view>
-		<view class="bottom"></view>
-
-		<Verify @success="success" :captchaType="'blockPuzzle'" :imgSize="{ width: '330px', height: '155px' }"
-			ref="verify"></Verify>
-
-	</view>
-</template>
-<script>
-	import dayjs from "@/plugin/dayjs/dayjs.min.js";
-	import sendVerifyCode from "@/mixins/SendVerifyCode";
-	import {
-		loginH5,
-		loginMobile,
-		registerVerify,
-		register,
-		getCodeApi,
-		getUserInfo,
-		appleLogin
-	} from "@/api/user";
-	import attrs, {
-		required,
-		alpha_num,
-		chs_phone
-	} from "@/utils/validate";
-	import {
-		getLogo
-	} from "@/api/public";
-	// import cookie from "@/utils/store/cookie";
-	import {
-		VUE_APP_API_URL
-	} from "@/utils";
-	// #ifdef APP-PLUS
-	import {
-		wechatAppAuth
-	} from '@/api/api.js'
-	// #endif
-	const BACK_URL = "login_back_url";
-	import colors from '@/mixins/color.js';
-	import Verify from '@/pages/users/components/verify/verify.vue';
-	export default {
-		name: "Login",
-		components: {
-			Verify
-		},
-		mixins: [sendVerifyCode, colors],
-		data: function() {
-			return {
-				inAnimation: false,
-				protocol: false,
-				navList: [this.$t(`快速登录`), this.$t(`账号登录`)],
-				current: 1,
-				account: "",
-				password: "",
-				captcha: "",
-				formItem: 1,
-				type: "login",
-				logoUrl: "",
-				keyCode: "",
-				codeUrl: "",
-				codeVal: "",
-				isShowCode: false,
-				appLoginStatus: false, // 微信登录强制绑定手机号码状态
-				appUserInfo: null, // 微信登录保存的用户信息
-				appleLoginStatus: false, // 苹果登录强制绑定手机号码状态
-				appleUserInfo: null,
-				appleShow: false, // 苹果登录版本必须要求ios13以上的
-				keyLock: true
-			};
-		},
-		watch: {
-			formItem: function(nval, oVal) {
-				if (nval == 1) {
-					this.type = 'login'
-				} else {
-					this.type = 'register'
-				}
-			}
-		},
-		onLoad() {
-			let self = this
-			uni.getSystemInfo({
-				success: (res) => {
-					if (res.platform.toLowerCase() == 'ios' && this.getSystem(res.system)) {
-						self.appleShow = true
-					}
-				}
-			});
-		},
-		mounted: function() {
-			// this.getCode();
-			this.getLogoImage();
-		},
-		methods: {
-			ChangeIsDefault(e) {
-				this.$set(this, 'protocol', !this.protocol);
-			},
-			privacy(type) {
-				uni.navigateTo({
-					url: "/pages/users/privacy/index?type=" + type
-				})
-			},
-			// IOS 版本号判断
-			getSystem(system) {
-				let str
-				system.toLowerCase().indexOf('ios') === -1 ? str = system : str = system.split(' ')[1]
-				if (str.indexOf('.'))
-					return str.split('.')[0] >= 13
-				return str >= 13
-			},
-			// 苹果登录
-			appleLogin() {
-				let self = this
-				this.account = ''
-				this.captcha = ''
-				if (!self.protocol) {
-					this.inAnimation = true
-					return self.$util.Tips({
-						title: '请先阅读并同意协议'
-					});
-				}
-				uni.showLoading({
-					title: this.$t(`登录中`)
-				})
-				uni.login({
-					provider: 'apple',
-					timeout: 10000,
-					success(loginRes) {
-						uni.getUserInfo({
-							provider: 'apple',
-							success: function(infoRes) {
-								self.appleUserInfo = infoRes.userInfo
-								self.appleLoginApi()
-							},
-							fail() {
-								uni.showToast({
-									title: self.$t(`获取用户信息失败`),
-									icon: 'none',
-									duration: 2000
-								})
-							},
-							complete() {
-								uni.hideLoading()
-							}
-						});
-					},
-					fail(error) {
-						console.log(error)
-					}
-				})
-			},
-			// 苹果登录Api
-			appleLoginApi() {
-				let self = this
-				appleLogin({
-					openId: self.appleUserInfo.openId,
-					email: self.appleUserInfo.email || '',
-					phone: this.account,
-					captcha: this.captcha
-				}).then(({
-					data
-				}) => {
-					if (data.isbind) {
-						uni.showModal({
-							title: self.$t(`提示`),
-							content: self.$t(`请绑定手机号后，继续操作`),
-							showCancel: false,
-							success: function(res) {
-								if (res.confirm) {
-									self.current = 1
-									self.appleLoginStatus = true
-								}
-							}
-						});
-					} else {
-						self.$store.commit("LOGIN", {
-							'token': data.token,
-							'time': data.expires_time - self.$Cache.time()
-						});
-						let backUrl = self.$Cache.get(BACK_URL) || "/pages/index/index";
-						self.$Cache.clear(BACK_URL);
-						self.$store.commit("SETUID", data.userInfo.uid);
-						uni.reLaunch({
-							url: backUrl
-						});
-					}
-				}).catch(error => {
-					uni.showModal({
-						title: self.$t(`提示`),
-						content: self.$t(`错误信息`) + `${error}`,
-						success: function(res) {
-							if (res.confirm) {
-								console.log(self.$t(`用户点击确定`));
-							} else if (res.cancel) {
-								console.log(self.$t(`用户点击取消`));
-							}
-						}
-					});
-				})
-			},
-			// App微信登录
-			wxLogin() {
-				let self = this
-				this.account = ''
-				this.captcha = ''
-				if (!self.protocol) {
-					this.inAnimation = true
-					return self.$util.Tips({
-						title: '请先阅读并同意协议'
-					});
-				}
-				uni.showLoading({
-					title: self.$t(`登录中`)
-				})
-				uni.login({
-					provider: 'weixin',
-					success: function(loginRes) {
-						// 获取用户信息
-						uni.getUserInfo({
-							provider: 'weixin',
-							success: function(infoRes) {
-								self.appUserInfo = infoRes.userInfo
-								self.wxLoginApi()
-							},
-							fail() {
-								uni.showToast({
-									title: self.$t(`获取用户信息失败`),
-									icon: 'none',
-									duration: 2000
-								})
-							},
-							complete() {
-								uni.hideLoading()
-							}
-						});
-					},
-					fail() {
-						uni.showToast({
-							title: self.$t(`登录失败`),
-							icon: 'none',
-							duration: 2000
-						})
-					}
-				});
-			},
-
-			wxLoginApi() {
-				let self = this
-				wechatAppAuth({
-					userInfo: self.appUserInfo,
-					phone: this.account,
-					code: this.captcha
-				}).then(({
-					data
-				}) => {
-					if (data.isbind) {
-						uni.showModal({
-							title: self.$t(`提示`),
-							content: self.$t(`请绑定手机号后，继续操作`),
-							showCancel: false,
-							success: function(res) {
-								if (res.confirm) {
-									self.current = 1
-									self.appLoginStatus = true
-								}
-							}
-						});
-					} else {
-						self.$store.commit("LOGIN", {
-							'token': data.token,
-							'time': data.expires_time - self.$Cache.time()
-						});
-						let backUrl = self.$Cache.get(BACK_URL) || "/pages/index/index";
-						self.$Cache.clear(BACK_URL);
-						self.$store.commit("SETUID", data.userInfo.uid);
-						uni.reLaunch({
-							url: backUrl
-						});
-					}
-				}).catch(error => {
-					uni.showModal({
-						title: self.$t(`提示`),
-						content: self.$t(`错误信息`) + `${error}`,
-						success: function(res) {
-							if (res.confirm) {
-								console.log(self.$t(`用户点击确定`));
-							} else if (res.cancel) {
-								console.log(self.$t(`用户点击取消`));
-							}
-						}
-					});
-				})
-			},
-			again() {
-				this.codeUrl =
-					VUE_APP_API_URL +
-					"/sms_captcha?" +
-					"key=" +
-					this.keyCode +
-					Date.parse(new Date());
-			},
-			success(data) {
-				this.$refs.verify.hide()
-				getCodeApi()
-					.then(res => {
-						this.keyCode = res.data.key;
-						this.getCode(data);
-					})
-					.catch(res => {
-						this.$util.Tips({
-							title: res
-						});
-					});
-			},
-			code() {
-				let that = this
-				if (!that.protocol) {
-					this.inAnimation = true
-					return that.$util.Tips({
-						title: '请先阅读并同意协议'
-					});
-				}
-				this.$refs.verify.show()
-			},
-			async getLogoImage() {
-				let that = this;
-				getLogo(2).then(res => {
-					that.logoUrl = res.data.logo_url;
-				});
-			},
-			async loginMobile() {
-				let that = this;
-				if (!that.protocol) {
-					this.inAnimation = true
-					return that.$util.Tips({
-						title: '请先阅读并同意协议'
-					});
-				}
-				if (!that.account) return that.$util.Tips({
-					title: that.$t(`请填写手机号码`)
-				});
-				if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(that.account)) return that.$util.Tips({
-					title: that.$t(`请输入正确的手机号码`)
-				});
-				if (!that.captcha) return that.$util.Tips({
-					title: that.$t(`请填写验证码`)
-				});
-				if (!/^[\w\d]+$/i.test(that.captcha)) return that.$util.Tips({
-					title: that.$t(`请输入正确的验证码`)
-				});
-				if (that.appLoginStatus) {
-					that.wxLoginApi()
-				} else if (that.appleLoginStatus) {
-					that.appleLoginApi()
-				} else {
-					if (this.keyLock) {
-						this.keyLock = !this.keyLock
-					} else {
-						return that.$util.Tips({
-							title: that.$t(`请勿重复点击`)
-						});
-					}
-					loginMobile({
-							phone: that.account,
-							captcha: that.captcha,
-							spread: that.$Cache.get("spread")
-						})
-						.then(res => {
-							let data = res.data;
-							that.$store.commit("LOGIN", {
-								'token': data.token,
-								'time': data.expires_time - this.$Cache.time()
-							});
-							let backUrl = that.$Cache.get(BACK_URL) || "/pages/index/index";
-							that.$Cache.clear(BACK_URL);
-							getUserInfo().then(res => {
-								this.keyLock = true
-								that.$store.commit("SETUID", res.data.uid);
-								if (backUrl.indexOf('/pages/users/login/index') !== -1) {
-									backUrl = '/pages/index/index';
-								}
-								uni.reLaunch({
-									url: backUrl
-								});
-							})
-						})
-						.catch(res => {
-							this.keyLock = true
-							that.$util.Tips({
-								title: res
-							});
-						});
-				}
-
-			},
-			async register() {
-				let that = this;
-				if (!that.protocol) {
-					this.inAnimation = true
-					return that.$util.Tips({
-						title: '请先阅读并同意协议'
-					});
-				}
-				if (!that.account) return that.$util.Tips({
-					title: that.$t(`请填写手机号码`)
-				});
-				if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(that.account)) return that.$util.Tips({
-					title: that.$t(`请输入正确的手机号码`)
-				});
-				if (!that.captcha) return that.$util.Tips({
-					title: that.$t(`请填写验证码`)
-				});
-				if (!/^[\w\d]+$/i.test(that.captcha)) return that.$util.Tips({
-					title: that.$t(`请输入正确的验证码`)
-				});
-				if (!that.password) return that.$util.Tips({
-					title: that.$t(`请填写密码`)
-				});
-				if (/^([0-9]|[a-z]|[A-Z]){0,6}$/i.test(that.password)) return that.$util.Tips({
-					title: that.$t(`您输入的密码过于简单`)
-				});
-				register({
-						account: that.account,
-						captcha: that.captcha,
-						password: that.password,
-						spread: that.$Cache.get("spread")
-					})
-					.then(res => {
-						that.$util.Tips({
-							title: res
-						});
-						that.formItem = 1;
-					})
-					.catch(res => {
-						that.$util.Tips({
-							title: res
-						});
-					});
-			},
-			async getCode(data) {
-				let that = this;
-				if (!that.protocol) {
-					this.inAnimation = true
-					return that.$util.Tips({
-						title: '请先阅读并同意协议'
-					});
-				}
-				if (!that.account) return that.$util.Tips({
-					title: that.$t(`请填写手机号码`)
-				});
-				if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(that.account)) return that.$util.Tips({
-					title: that.$t(`请输入正确的手机号码`)
-				});
-				if (that.formItem == 2) that.type = "register";
-
-				await registerVerify({
-						phone: that.account,
-						type: that.type,
-						key: that.keyCode,
-						captchaType: 'blockPuzzle',
-						captchaVerification: data.captchaVerification
-					})
-					.then(res => {
-						that.$util.Tips({
-							title: res.msg
-						});
-						that.sendCode();
-					})
-					.catch(res => {
-						that.$util.Tips({
-							title: res
-						});
-					});
-			},
-			navTap: function(index) {
-				this.current = index;
-			},
-			async submit() {
-				let that = this;
-				if (!that.protocol) {
-					this.inAnimation = true
-					return that.$util.Tips({
-						title: '请先阅读并同意协议'
-					});
-				}
-				if (!that.account) return that.$util.Tips({
-					title: that.$t(`请填写账号`)
-				});
-				if (!/^[\w\d]{5,16}$/i.test(that.account)) return that.$util.Tips({
-					title: that.$t(`请输入正确的账号`)
-				});
-				if (!that.password) return that.$util.Tips({
-					title: that.$t(`请填写密码`)
-				});
-				if (this.keyLock) {
-					this.keyLock = !this.keyLock
-				} else {
-					return that.$util.Tips({
-						title: that.$t(`请勿重复点击`)
-					});
-				}
-				loginH5({
-						account: that.account,
-						password: that.password,
-						spread: that.$Cache.get("spread")
-					})
-					.then(({
-						data
-					}) => {
-						that.$store.commit("LOGIN", {
-							'token': data.token,
-							'time': data.expires_time - this.$Cache.time()
-						});
-						let backUrl = that.$Cache.get(BACK_URL) || "/pages/index/index";
-						that.$Cache.clear(BACK_URL);
-						getUserInfo().then(res => {
-							this.keyLock = true
-							that.$store.commit("SETUID", res.data.uid);
-							uni.reLaunch({
-								url: backUrl
-							});
-						}).catch(error => {
-							this.keyLock = true
-						})
-					})
-					.catch(e => {
-						this.keyLock = true
-						that.$util.Tips({
-							title: e
-						});
-					});
-			}
-		}
-	};
-</script>
-<style>
-	page {
-		background: #fff;
-	}
-</style>
-<style lang="scss">
-	.appLogin {
-		margin-top: 60rpx;
-
-		.hds {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			font-size: 24rpx;
-			color: #B4B4B4;
-
-			.line {
-				width: 68rpx;
-				height: 1rpx;
-				background: #CCCCCC;
-			}
-
-			p {
-				margin: 0 20rpx;
-			}
-		}
-
-		.btn-wrapper {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			margin-top: 30rpx;
-
-			.btn {
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				width: 68rpx;
-				height: 68rpx;
-				border-radius: 50%;
-			}
-
-			.apple-btn {
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				width: 68rpx;
-				height: 68rpx;
-				border-radius: 50%;
-				background: #000;
-
-
-				.icon-s-pingguo {
-					color: #fff;
-					font-size: 44rpx;
-				}
-			}
-
-			.iconfont {
-				font-size: 40rpx;
-				color: #fff;
-			}
-
-			.wx {
-				margin-right: 30rpx;
-				background-color: #61C64F;
-			}
-
-			.mima {
-				margin-right: 30rpx;
-				background-color: #28B3E9;
-			}
-
-			.yanzheng {
-				margin-right: 30rpx;
-				background-color: #F89C23;
-			}
-
-		}
-	}
-
-	.code img {
-		width: 100%;
-		height: 100%;
-	}
-
-	.acea-row.row-middle {
-		input {
-			margin-left: 20rpx;
-			display: block;
-		}
-	}
-
-	.login-wrapper {
-		padding: 30rpx;
-
-		.shading {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			width: 100%;
-
-			/* #ifdef APP-VUE */
-			margin-top: 50rpx;
-			/* #endif */
-			/* #ifndef APP-VUE */
-
-			margin-top: 200rpx;
-			/* #endif */
-
-
-			image {
-				width: 240rpx;
-				height: 240rpx;
-			}
-		}
-
-		.whiteBg {
-			margin-top: 100rpx;
-
-			.list {
-				border-radius: 16rpx;
-				overflow: hidden;
-
-				.item {
-					border-bottom: 1px solid #F0F0F0;
-					background: #fff;
-
-					.row-middle {
-						position: relative;
-						padding: 16rpx 45rpx;
-
-						input {
-							flex: 1;
-							font-size: 28rpx;
-							height: 80rpx;
-						}
-
-						.code {
-							position: absolute;
-							right: 30rpx;
-							top: 50%;
-							color: var(--view-theme);
-							font-size: 26rpx;
-							transform: translateY(-50%);
-						}
-					}
-				}
-			}
-
-			.logon {
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				width: 100%;
-				height: 86rpx;
-				margin-top: 80rpx;
-				background-color: var(--view-theme);
-				border-radius: 120rpx;
-				color: #FFFFFF;
-				font-size: 30rpx;
-			}
-
-			.tips {
-				margin: 30rpx;
-				text-align: center;
-				color: #999;
-			}
-		}
-	}
-
-	.protocol {
-		margin-top: 40rpx;
-		color: #999999;
-		font-size: 24rpx;
-		text-align: center;
-		bottom: 20rpx;
-	}
-
-	.trembling {
-		animation: shake 0.6s;
-	}
-
-	.main-color {
-		color: var(--view-theme);
-	}
+<template>
+	<view class="login-wrapper" :style="colorStyle">
+		<view class="shading">
+			<image :src="logoUrl" v-if="logoUrl" />
+			<image src="../static/logo2.png" v-else />
+		</view>
+		<view class="whiteBg" v-if="formItem === 1">
+			<view class="list" v-if="current !== 1">
+				<form @submit.prevent="submit">
+					<view class="item">
+						<view class="acea-row row-middle">
+							<image src="../static/phone_1.png" style="width: 24rpx; height: 34rpx;"></image>
+							<input type="text" :placeholder="$t(`输入手机号码`)" v-model="account" maxlength="11" required />
+						</view>
+					</view>
+					<view class="item">
+						<view class="acea-row row-middle">
+							<image src="../static/code_1.png" style="width: 28rpx; height: 32rpx;"></image>
+							<input type="password" :placeholder="$t(`填写登录密码`)" v-model="password" required />
+						</view>
+					</view>
+				</form>
+				<!-- <navigator class="forgetPwd" hover-class="none" url="/pages/users/retrievePassword/index">
+					<span class="iconfont icon-wenti"></span>忘记密码
+				</navigator> -->
+			</view>
+			<view class="list" v-if="current !== 0 || appLoginStatus || appleLoginStatus">
+				<view class="item">
+					<view class="acea-row row-middle">
+						<image src="../static/phone_1.png" style="width: 24rpx; height: 34rpx;"></image>
+						<input type="text" :placeholder="$t(`输入手机号码`)" v-model="account" maxlength="11" />
+					</view>
+				</view>
+				<view class="item">
+					<view class="acea-row row-middle">
+						<image src="../static/code_2.png" style="width: 28rpx; height: 32rpx;"></image>
+						<input type="text" :placeholder="$t(`填写验证码`)" maxlength="6" class="codeIput"
+							v-model="captcha" />
+						<button class="code" :disabled="disabled" :class="disabled === true ? 'on' : ''" @click="code">
+							{{ text }}
+						</button>
+					</view>
+				</view>
+				<!-- 	<view class="item" v-if="isShowCode">
+					<view class="acea-row row-middle">
+						<image src="../static/code_2.png" style="width: 28rpx; height: 32rpx;"></image>
+						<input type="text" :placeholder="$t(`填写验证码`)" class="codeIput" v-model="codeVal" />
+						<view class="code" @click="again"><img :src="codeUrl" /></view>
+					</view>
+				</view> -->
+			</view>
+			<view class="logon" @click="loginMobile" v-if="current !== 0">{{$t(`登录`)}}</view>
+			<view class="logon" @click="submit" v-if="current === 0">{{$t(`登录`)}}</view>
+			<!-- #ifndef APP-PLUS -->
+			<view class="tips">
+				<view v-if="current==0" @click="current = 1">{{$t(`快速登录`)}}</view>
+				<view v-if="current==1" @click="current = 0">{{$t(`账号登录`)}}</view>
+			</view>
+			<!-- #endif -->
+			<!-- #ifdef APP-PLUS -->
+			<view class="appLogin" v-if="!appLoginStatus && !appleLoginStatus">
+				<view class="hds">
+					<span class="line"></span>
+					<p>{{$t(`其他方式登录`)}}</p>
+					<span class="line"></span>
+				</view>
+				<view class="btn-wrapper">
+					<view class="btn wx" @click="wxLogin">
+						<span class="iconfont icon-s-weixindenglu1"></span>
+					</view>
+					<view class="btn mima" v-if="current == 1" @click="current =0">
+						<span class="iconfont icon-s-mimadenglu1"></span>
+					</view>
+					<view class="btn yanzheng" v-if="current == 0" @click="current =1">
+						<span class="iconfont icon-s-yanzhengmadenglu1"></span>
+					</view>
+					<view class="apple-btn" @click="appleLogin" v-if="appleShow">
+						<view class="iconfont icon-s-pingguo"></view>
+					</view>
+				</view>
+			</view>
+			<!-- #endif -->
+			<view class="protocol">
+				<checkbox-group @change='ChangeIsDefault'>
+					<checkbox :class="inAnimation?'trembling':''" @animationend='inAnimation=false'
+						:checked="protocol ? true : false" />{{$t(`已阅读并同意`)}} <text class="main-color"
+						@click="privacy(4)">{{$t(`《用户协议》`)}}</text>
+					{{$t(`与`)}}<text class="main-color" @click="privacy(3)">{{$t(`《隐私协议》`)}}</text>
+				</checkbox-group>
+			</view>
+		</view>
+		<view class="bottom">
+			<view class="ver" v-if="copyRight">{{copyRight}}</view>
+			<view v-else class="ver">© 2014-2022
+				<a href="https://www.crmeb.com">www.crmeb.com</a>
+			</view>
+		</view>
+
+		<Verify @success="success" :captchaType="'blockPuzzle'" :imgSize="{ width: '330px', height: '155px' }"
+			ref="verify"></Verify>
+
+	</view>
+</template>
+<script>
+	import dayjs from "@/plugin/dayjs/dayjs.min.js";
+	import sendVerifyCode from "@/mixins/SendVerifyCode";
+	import {
+		loginH5,
+		loginMobile,
+		registerVerify,
+		register,
+		getCodeApi,
+		getUserInfo,
+		appleLogin
+	} from "@/api/user";
+	import attrs, {
+		required,
+		alpha_num,
+		chs_phone
+	} from "@/utils/validate";
+	import {
+		getLogo
+	} from "@/api/public";
+	// import cookie from "@/utils/store/cookie";
+	import {
+		VUE_APP_API_URL
+	} from "@/utils";
+	// #ifdef APP-PLUS
+	import {
+		wechatAppAuth
+	} from '@/api/api.js'
+	// #endif
+	const BACK_URL = "login_back_url";
+	import colors from '@/mixins/color.js';
+	import Verify from '@/pages/users/components/verify/verify.vue';
+	export default {
+		name: "Login",
+		components: {
+			Verify
+		},
+		mixins: [sendVerifyCode, colors],
+		data: function() {
+			return {
+				copyRight: '',
+				inAnimation: false,
+				protocol: false,
+				navList: [this.$t(`快速登录`), this.$t(`账号登录`)],
+				current: 1,
+				account: "",
+				password: "",
+				captcha: "",
+				formItem: 1,
+				type: "login",
+				logoUrl: "",
+				keyCode: "",
+				codeUrl: "",
+				codeVal: "",
+				isShowCode: false,
+				appLoginStatus: false, // 微信登录强制绑定手机号码状态
+				appUserInfo: null, // 微信登录保存的用户信息
+				appleLoginStatus: false, // 苹果登录强制绑定手机号码状态
+				appleUserInfo: null,
+				appleShow: false, // 苹果登录版本必须要求ios13以上的
+				keyLock: true
+			};
+		},
+		watch: {
+			formItem: function(nval, oVal) {
+				if (nval == 1) {
+					this.type = 'login'
+				} else {
+					this.type = 'register'
+				}
+			}
+		},
+		onLoad() {
+			let self = this
+			uni.getSystemInfo({
+				success: (res) => {
+					if (res.platform.toLowerCase() == 'ios' && this.getSystem(res.system)) {
+						self.appleShow = true
+					}
+				}
+			});
+			if (uni.getStorageSync('copyRight').copyrightContext) {
+				this.copyRight = uni.getStorageSync('copyRight').copyrightContext
+			}
+		},
+		mounted: function() {
+			// this.getCode();
+			this.getLogoImage();
+		},
+		methods: {
+			ChangeIsDefault(e) {
+				this.$set(this, 'protocol', !this.protocol);
+			},
+			privacy(type) {
+				uni.navigateTo({
+					url: "/pages/users/privacy/index?type=" + type
+				})
+			},
+			// IOS 版本号判断
+			getSystem(system) {
+				let str
+				system.toLowerCase().indexOf('ios') === -1 ? str = system : str = system.split(' ')[1]
+				if (str.indexOf('.'))
+					return str.split('.')[0] >= 13
+				return str >= 13
+			},
+			// 苹果登录
+			appleLogin() {
+				let self = this
+				this.account = ''
+				this.captcha = ''
+				if (!self.protocol) {
+					this.inAnimation = true
+					return self.$util.Tips({
+						title: '请先阅读并同意协议'
+					});
+				}
+				uni.showLoading({
+					title: this.$t(`登录中`)
+				})
+				uni.login({
+					provider: 'apple',
+					timeout: 10000,
+					success(loginRes) {
+						uni.getUserInfo({
+							provider: 'apple',
+							success: function(infoRes) {
+								self.appleUserInfo = infoRes.userInfo
+								self.appleLoginApi()
+							},
+							fail() {
+								uni.showToast({
+									title: self.$t(`获取用户信息失败`),
+									icon: 'none',
+									duration: 2000
+								})
+							},
+							complete() {
+								uni.hideLoading()
+							}
+						});
+					},
+					fail(error) {
+						console.log(error)
+					}
+				})
+			},
+			// 苹果登录Api
+			appleLoginApi() {
+				let self = this
+				appleLogin({
+					openId: self.appleUserInfo.openId,
+					email: self.appleUserInfo.email || '',
+					phone: this.account,
+					captcha: this.captcha
+				}).then(({
+					data
+				}) => {
+					if (data.isbind) {
+						uni.showModal({
+							title: self.$t(`提示`),
+							content: self.$t(`请绑定手机号后，继续操作`),
+							showCancel: false,
+							success: function(res) {
+								if (res.confirm) {
+									self.current = 1
+									self.appleLoginStatus = true
+								}
+							}
+						});
+					} else {
+						self.$store.commit("LOGIN", {
+							'token': data.token,
+							'time': data.expires_time - self.$Cache.time()
+						});
+						let backUrl = self.$Cache.get(BACK_URL) || "/pages/index/index";
+						self.$Cache.clear(BACK_URL);
+						self.$store.commit("SETUID", data.userInfo.uid);
+						uni.reLaunch({
+							url: backUrl
+						});
+					}
+				}).catch(error => {
+					uni.showModal({
+						title: self.$t(`提示`),
+						content: self.$t(`错误信息`) + `${error}`,
+						success: function(res) {
+							if (res.confirm) {
+								console.log(self.$t(`用户点击确定`));
+							} else if (res.cancel) {
+								console.log(self.$t(`用户点击取消`));
+							}
+						}
+					});
+				})
+			},
+			// App微信登录
+			wxLogin() {
+				let self = this
+				this.account = ''
+				this.captcha = ''
+				if (!self.protocol) {
+					this.inAnimation = true
+					return self.$util.Tips({
+						title: '请先阅读并同意协议'
+					});
+				}
+				uni.showLoading({
+					title: self.$t(`登录中`)
+				})
+				uni.login({
+					provider: 'weixin',
+					success: function(loginRes) {
+						// 获取用户信息
+						uni.getUserInfo({
+							provider: 'weixin',
+							success: function(infoRes) {
+								self.appUserInfo = infoRes.userInfo
+								self.wxLoginApi()
+							},
+							fail() {
+								uni.showToast({
+									title: self.$t(`获取用户信息失败`),
+									icon: 'none',
+									duration: 2000
+								})
+							},
+							complete() {
+								uni.hideLoading()
+							}
+						});
+					},
+					fail() {
+						uni.showToast({
+							title: self.$t(`登录失败`),
+							icon: 'none',
+							duration: 2000
+						})
+					}
+				});
+			},
+
+			wxLoginApi() {
+				let self = this
+				wechatAppAuth({
+					userInfo: self.appUserInfo,
+					phone: this.account,
+					code: this.captcha
+				}).then(({
+					data
+				}) => {
+					if (data.isbind) {
+						uni.showModal({
+							title: self.$t(`提示`),
+							content: self.$t(`请绑定手机号后，继续操作`),
+							showCancel: false,
+							success: function(res) {
+								if (res.confirm) {
+									self.current = 1
+									self.appLoginStatus = true
+								}
+							}
+						});
+					} else {
+						self.$store.commit("LOGIN", {
+							'token': data.token,
+							'time': data.expires_time - self.$Cache.time()
+						});
+						let backUrl = self.$Cache.get(BACK_URL) || "/pages/index/index";
+						self.$Cache.clear(BACK_URL);
+						self.$store.commit("SETUID", data.userInfo.uid);
+						uni.reLaunch({
+							url: backUrl
+						});
+					}
+				}).catch(error => {
+					uni.showModal({
+						title: self.$t(`提示`),
+						content: self.$t(`错误信息`) + `${error}`,
+						success: function(res) {
+							if (res.confirm) {
+								console.log(self.$t(`用户点击确定`));
+							} else if (res.cancel) {
+								console.log(self.$t(`用户点击取消`));
+							}
+						}
+					});
+				})
+			},
+			again() {
+				this.codeUrl =
+					VUE_APP_API_URL +
+					"/sms_captcha?" +
+					"key=" +
+					this.keyCode +
+					Date.parse(new Date());
+			},
+			success(data) {
+				this.$refs.verify.hide()
+				getCodeApi()
+					.then(res => {
+						this.keyCode = res.data.key;
+						this.getCode(data);
+					})
+					.catch(res => {
+						this.$util.Tips({
+							title: res
+						});
+					});
+			},
+			code() {
+				let that = this
+				if (!that.protocol) {
+					this.inAnimation = true
+					return that.$util.Tips({
+						title: '请先阅读并同意协议'
+					});
+				}
+				this.$refs.verify.show()
+			},
+			async getLogoImage() {
+				let that = this;
+				getLogo(2).then(res => {
+					that.logoUrl = res.data.logo_url;
+				});
+			},
+			async loginMobile() {
+				let that = this;
+				if (!that.protocol) {
+					this.inAnimation = true
+					return that.$util.Tips({
+						title: '请先阅读并同意协议'
+					});
+				}
+				if (!that.account) return that.$util.Tips({
+					title: that.$t(`请填写手机号码`)
+				});
+				if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(that.account)) return that.$util.Tips({
+					title: that.$t(`请输入正确的手机号码`)
+				});
+				if (!that.captcha) return that.$util.Tips({
+					title: that.$t(`请填写验证码`)
+				});
+				if (!/^[\w\d]+$/i.test(that.captcha)) return that.$util.Tips({
+					title: that.$t(`请输入正确的验证码`)
+				});
+				if (that.appLoginStatus) {
+					that.wxLoginApi()
+				} else if (that.appleLoginStatus) {
+					that.appleLoginApi()
+				} else {
+					if (this.keyLock) {
+						this.keyLock = !this.keyLock
+					} else {
+						return that.$util.Tips({
+							title: that.$t(`请勿重复点击`)
+						});
+					}
+					loginMobile({
+							phone: that.account,
+							captcha: that.captcha,
+							spread: that.$Cache.get("spread")
+						})
+						.then(res => {
+							let data = res.data;
+							that.$store.commit("LOGIN", {
+								'token': data.token,
+								'time': data.expires_time - this.$Cache.time()
+							});
+							let backUrl = that.$Cache.get(BACK_URL) || "/pages/index/index";
+							that.$Cache.clear(BACK_URL);
+							getUserInfo().then(res => {
+								this.keyLock = true
+								that.$store.commit("SETUID", res.data.uid);
+								if (backUrl.indexOf('/pages/users/login/index') !== -1) {
+									backUrl = '/pages/index/index';
+								}
+								uni.reLaunch({
+									url: backUrl
+								});
+							})
+						})
+						.catch(res => {
+							this.keyLock = true
+							that.$util.Tips({
+								title: res
+							});
+						});
+				}
+
+			},
+			async register() {
+				let that = this;
+				if (!that.protocol) {
+					this.inAnimation = true
+					return that.$util.Tips({
+						title: '请先阅读并同意协议'
+					});
+				}
+				if (!that.account) return that.$util.Tips({
+					title: that.$t(`请填写手机号码`)
+				});
+				if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(that.account)) return that.$util.Tips({
+					title: that.$t(`请输入正确的手机号码`)
+				});
+				if (!that.captcha) return that.$util.Tips({
+					title: that.$t(`请填写验证码`)
+				});
+				if (!/^[\w\d]+$/i.test(that.captcha)) return that.$util.Tips({
+					title: that.$t(`请输入正确的验证码`)
+				});
+				if (!that.password) return that.$util.Tips({
+					title: that.$t(`请填写密码`)
+				});
+				if (/^([0-9]|[a-z]|[A-Z]){0,6}$/i.test(that.password)) return that.$util.Tips({
+					title: that.$t(`您输入的密码过于简单`)
+				});
+				register({
+						account: that.account,
+						captcha: that.captcha,
+						password: that.password,
+						spread: that.$Cache.get("spread")
+					})
+					.then(res => {
+						that.$util.Tips({
+							title: res
+						});
+						that.formItem = 1;
+					})
+					.catch(res => {
+						that.$util.Tips({
+							title: res
+						});
+					});
+			},
+			async getCode(data) {
+				let that = this;
+				if (!that.protocol) {
+					this.inAnimation = true
+					return that.$util.Tips({
+						title: '请先阅读并同意协议'
+					});
+				}
+				if (!that.account) return that.$util.Tips({
+					title: that.$t(`请填写手机号码`)
+				});
+				if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(that.account)) return that.$util.Tips({
+					title: that.$t(`请输入正确的手机号码`)
+				});
+				if (that.formItem == 2) that.type = "register";
+
+				await registerVerify({
+						phone: that.account,
+						type: that.type,
+						key: that.keyCode,
+						captchaType: 'blockPuzzle',
+						captchaVerification: data.captchaVerification
+					})
+					.then(res => {
+						that.$util.Tips({
+							title: res.msg
+						});
+						that.sendCode();
+					})
+					.catch(res => {
+						that.$util.Tips({
+							title: res
+						});
+					});
+			},
+			navTap: function(index) {
+				this.current = index;
+			},
+			async submit() {
+				let that = this;
+				if (!that.protocol) {
+					this.inAnimation = true
+					return that.$util.Tips({
+						title: '请先阅读并同意协议'
+					});
+				}
+				if (!that.account) return that.$util.Tips({
+					title: that.$t(`请填写账号`)
+				});
+				if (!/^[\w\d]{5,16}$/i.test(that.account)) return that.$util.Tips({
+					title: that.$t(`请输入正确的账号`)
+				});
+				if (!that.password) return that.$util.Tips({
+					title: that.$t(`请填写密码`)
+				});
+				if (this.keyLock) {
+					this.keyLock = !this.keyLock
+				} else {
+					return that.$util.Tips({
+						title: that.$t(`请勿重复点击`)
+					});
+				}
+				loginH5({
+						account: that.account,
+						password: that.password,
+						spread: that.$Cache.get("spread")
+					})
+					.then(({
+						data
+					}) => {
+						that.$store.commit("LOGIN", {
+							'token': data.token,
+							'time': data.expires_time - this.$Cache.time()
+						});
+						let backUrl = that.$Cache.get(BACK_URL) || "/pages/index/index";
+						that.$Cache.clear(BACK_URL);
+						getUserInfo().then(res => {
+							this.keyLock = true
+							that.$store.commit("SETUID", res.data.uid);
+							uni.reLaunch({
+								url: backUrl
+							});
+						}).catch(error => {
+							this.keyLock = true
+						})
+					})
+					.catch(e => {
+						this.keyLock = true
+						that.$util.Tips({
+							title: e
+						});
+					});
+			}
+		}
+	};
+</script>
+<style>
+	page {
+		background: #fff;
+	}
+</style>
+<style lang="scss">
+	.appLogin {
+		margin-top: 60rpx;
+
+		.hds {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			font-size: 24rpx;
+			color: #B4B4B4;
+
+			.line {
+				width: 68rpx;
+				height: 1rpx;
+				background: #CCCCCC;
+			}
+
+			p {
+				margin: 0 20rpx;
+			}
+		}
+
+		.btn-wrapper {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin-top: 30rpx;
+
+			.btn {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				width: 68rpx;
+				height: 68rpx;
+				border-radius: 50%;
+			}
+
+			.apple-btn {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				width: 68rpx;
+				height: 68rpx;
+				border-radius: 50%;
+				background: #000;
+
+
+				.icon-s-pingguo {
+					color: #fff;
+					font-size: 44rpx;
+				}
+			}
+
+			.iconfont {
+				font-size: 40rpx;
+				color: #fff;
+			}
+
+			.wx {
+				margin-right: 30rpx;
+				background-color: #61C64F;
+			}
+
+			.mima {
+				margin-right: 30rpx;
+				background-color: #28B3E9;
+			}
+
+			.yanzheng {
+				margin-right: 30rpx;
+				background-color: #F89C23;
+			}
+
+		}
+	}
+
+	.code img {
+		width: 100%;
+		height: 100%;
+	}
+
+	.acea-row.row-middle {
+		input {
+			margin-left: 20rpx;
+			display: block;
+		}
+	}
+
+	.login-wrapper {
+		padding: 30rpx;
+
+		.shading {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			width: 100%;
+
+			/* #ifdef APP-VUE */
+			margin-top: 50rpx;
+			/* #endif */
+			/* #ifndef APP-VUE */
+
+			margin-top: 200rpx;
+			/* #endif */
+
+
+			image {
+				width: 240rpx;
+				height: 240rpx;
+			}
+		}
+
+		.whiteBg {
+			margin-top: 100rpx;
+
+			.list {
+				border-radius: 16rpx;
+				overflow: hidden;
+
+				.item {
+					border-bottom: 1px solid #F0F0F0;
+					background: #fff;
+
+					.row-middle {
+						position: relative;
+						padding: 16rpx 45rpx;
+
+						input {
+							flex: 1;
+							font-size: 28rpx;
+							height: 80rpx;
+						}
+
+						.code {
+							position: absolute;
+							right: 30rpx;
+							top: 50%;
+							color: var(--view-theme);
+							font-size: 26rpx;
+							transform: translateY(-50%);
+						}
+					}
+				}
+			}
+
+			.logon {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				width: 100%;
+				height: 86rpx;
+				margin-top: 80rpx;
+				background-color: var(--view-theme);
+				border-radius: 120rpx;
+				color: #FFFFFF;
+				font-size: 30rpx;
+			}
+
+			.tips {
+				margin: 30rpx;
+				text-align: center;
+				color: #999;
+			}
+		}
+	}
+
+	.protocol {
+		margin-top: 40rpx;
+		color: #999999;
+		font-size: 24rpx;
+		text-align: center;
+		bottom: 20rpx;
+	}
+
+	.bottom {
+		position: fixed;
+		bottom: 30rpx;
+		left: 0;
+		display: flex;
+		width: 100%;
+		justify-content: center;
+		color: #999999;
+
+		.ver {
+			font-size: 20rpx;
+		}
+
+		.ver-msg {
+			margin-left: 10rpx;
+		}
+
+		a {
+			color: #999999;
+			margin-left: 10rpx;
+			text-decoration: none;
+		}
+	}
+
+	.trembling {
+		animation: shake 0.6s;
+	}
+
+	.main-color {
+		color: var(--view-theme);
+	}
 </style>