add
This commit is contained in:
parent
c899d8f472
commit
ec33cc6119
|
@ -760,7 +760,7 @@
|
||||||
}
|
}
|
||||||
if (type == 2) {
|
if (type == 2) {
|
||||||
if (!formData2.mobile) return uni.$u.toast('请填写电话号码');
|
if (!formData2.mobile) return uni.$u.toast('请填写电话号码');
|
||||||
if (formData2.price < formData2.label_limit) return uni.$u.toast(
|
if (Number(formData2.price) < Number(formData2.label_limit)) return uni.$u.toast(
|
||||||
`${formData2.label_name}角色最低金额不能低于${formData2.label_limit}元`);
|
`${formData2.label_name}角色最低金额不能低于${formData2.label_limit}元`);
|
||||||
formData2.store_id = STORE_INFO.id
|
formData2.store_id = STORE_INFO.id
|
||||||
// formData2.recharge_type = 'INDUSTRYMEMBERS'
|
// formData2.recharge_type = 'INDUSTRYMEMBERS'
|
||||||
|
@ -800,9 +800,13 @@
|
||||||
if (!formData.code) return uni.$u.toast('请输入短信验证码');
|
if (!formData.code) return uni.$u.toast('请输入短信验证码');
|
||||||
if (!formData.address) return uni.$u.toast('请选择地址');
|
if (!formData.address) return uni.$u.toast('请选择地址');
|
||||||
if (!formData.label_id) return uni.$u.toast('请选择用户身份');
|
if (!formData.label_id) return uni.$u.toast('请选择用户身份');
|
||||||
if (formData.price < formData.label_limit) return uni.$u.toast(
|
if (Number(formData.price) < Number(formData.label_limit)) {
|
||||||
`${formData.label_name}角色最低金额不能低于${formData.label_limit}元`);
|
return uni.$u.toast(
|
||||||
formData.store_id = STORE_INFO.id
|
`${formData.label_name}角色最低金额不能低于${formData.label_limit}元`);
|
||||||
|
formData.store_id = STORE_INFO.id
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
if (Role.value == 1) {
|
if (Role.value == 1) {
|
||||||
// formData.recharge_type = 'INDUSTRYMEMBERS'
|
// formData.recharge_type = 'INDUSTRYMEMBERS'
|
||||||
// formData.user_ship = formData.label_id
|
// formData.user_ship = formData.label_id
|
||||||
|
|
|
@ -16,7 +16,7 @@
|
||||||
<up-button @click="weixinLogin" color="#20B128" size="large"><up-icon color="#fff"
|
<up-button @click="weixinLogin" color="#20B128" size="large"><up-icon color="#fff"
|
||||||
size="28"></up-icon>手机号快捷登录</up-button>
|
size="28"></up-icon>手机号快捷登录</up-button>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="btn">
|
<!-- <view class="btn">
|
||||||
<up-button @click="navgo('/pages/login/test')" color="#20B128" size="large"><up-icon
|
<up-button @click="navgo('/pages/login/test')" color="#20B128" size="large"><up-icon
|
||||||
name="account-fill" color="#fff" size="28"></up-icon>真-手机号快捷登录</up-button>
|
name="account-fill" color="#fff" size="28"></up-icon>真-手机号快捷登录</up-button>
|
||||||
</view> -->
|
</view> -->
|
||||||
|
@ -34,8 +34,8 @@
|
||||||
<up-transition :show="!showWeixin">
|
<up-transition :show="!showWeixin">
|
||||||
<view class="form">
|
<view class="form">
|
||||||
<view class="input">
|
<view class="input">
|
||||||
<up-input :customStyle="{ height: '100%' }" v-model="loginForm.phone" placeholderClass="place"
|
<up-input :customStyle="{ height: '100%' }" v-model="loginForm.phone"
|
||||||
border="none" placeholder="请输入手机号" type="number">
|
placeholderClass="place" border="none" placeholder="请输入手机号" type="number">
|
||||||
<template #prefix>
|
<template #prefix>
|
||||||
<image style="height: 40rpx;width: 40rpx;margin-top: 6rpx;"
|
<image style="height: 40rpx;width: 40rpx;margin-top: 6rpx;"
|
||||||
src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/48491202404281006484208.png">
|
src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/48491202404281006484208.png">
|
||||||
|
@ -81,318 +81,318 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import {
|
import {
|
||||||
onBackPress
|
onBackPress
|
||||||
} from "@dcloudio/uni-app"
|
} from "@dcloudio/uni-app"
|
||||||
import {
|
import {
|
||||||
ref
|
ref
|
||||||
} from "vue"
|
} from "vue"
|
||||||
import {
|
import {
|
||||||
userLoginApi,
|
userLoginApi,
|
||||||
userLoginWeixinApi,
|
userLoginWeixinApi,
|
||||||
getMobileByMnpApi,
|
getMobileByMnpApi,
|
||||||
getStoreInfo
|
getStoreInfo
|
||||||
} from "@/api/user.js";
|
} from "@/api/user.js";
|
||||||
import useUserStore from "@/store/user.js"
|
import useUserStore from "@/store/user.js"
|
||||||
import bindPhone from "@/components/bindPhone.vue"
|
import bindPhone from "@/components/bindPhone.vue"
|
||||||
import modal from "@/components/modal.vue"
|
import modal from "@/components/modal.vue"
|
||||||
import {
|
import {
|
||||||
config
|
config
|
||||||
} from "@/config/app.js"
|
} from "@/config/app.js"
|
||||||
|
|
||||||
|
|
||||||
const showOfficial = ref(false);
|
const showOfficial = ref(false);
|
||||||
const navToIndex = () => {
|
const navToIndex = () => {
|
||||||
if (userStore.userInfo && userStore.token) uni.reLaunch({
|
if (userStore.userInfo && userStore.token) uni.reLaunch({
|
||||||
url: '/pages/index/index'
|
url: '/pages/index/index'
|
||||||
})
|
|
||||||
// if (!userStore.userInfo.supplier) uni.reLaunch({
|
|
||||||
// url: '/pages/index/index'
|
|
||||||
// })
|
|
||||||
// else if (userStore.userInfo.supplier && !userStore.userInfo.supplier.openid) {
|
|
||||||
// return showOfficial.value = true;
|
|
||||||
// } else {
|
|
||||||
// uni.reLaunch({
|
|
||||||
// url: '/pageQuota/quotation/index'
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
|
|
||||||
// 微信公众号绑定
|
|
||||||
const officialCode = () => {
|
|
||||||
console.log("jinfas")
|
|
||||||
return
|
|
||||||
|
|
||||||
uni.navigateTo({
|
|
||||||
url: `/pages/code/code?id=${userStore.userInfo.id}`,
|
|
||||||
success: () => {
|
|
||||||
let user = userStore.userInfo;
|
|
||||||
user.supplier ? user.supplier.openid = 1 : user.supplier = {};
|
|
||||||
userStore.setUserInfo(user);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const userStore = useUserStore(); //使用pinia进行状态管理
|
|
||||||
if (userStore.userInfo && userStore.userInfo.mobile) {
|
|
||||||
navToIndex();
|
|
||||||
} else {
|
|
||||||
userStore.setToken('');
|
|
||||||
userStore.setUserInfo({});
|
|
||||||
}
|
|
||||||
|
|
||||||
const showWeixin = ref(true); //是否显示微信登录
|
|
||||||
const isAgree = ref(false); //是否同意协议
|
|
||||||
|
|
||||||
const weixinLogin = () => {
|
|
||||||
if (!isAgree.value) {
|
|
||||||
uni.$u.sleep(1000).then(res => {
|
|
||||||
isAgree.value = true;
|
|
||||||
})
|
})
|
||||||
return uni.$u.toast('请先阅读并同意协议');
|
// if (!userStore.userInfo.supplier) uni.reLaunch({
|
||||||
|
// url: '/pages/index/index'
|
||||||
|
// })
|
||||||
|
// else if (userStore.userInfo.supplier && !userStore.userInfo.supplier.openid) {
|
||||||
|
// return showOfficial.value = true;
|
||||||
|
// } else {
|
||||||
|
// uni.reLaunch({
|
||||||
|
// url: '/pageQuota/quotation/index'
|
||||||
|
// })
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
uni.showLoading({
|
|
||||||
title: '登录中'
|
|
||||||
})
|
|
||||||
uni.login({
|
|
||||||
provider: 'weixin',
|
|
||||||
success: (res) => {
|
|
||||||
userLoginWeixinApi({
|
|
||||||
code: res.code
|
|
||||||
}).then(res => {
|
|
||||||
uni.hideLoading();
|
|
||||||
userStore.setToken(res.data.token);
|
|
||||||
getStoreInfo().then(res => {
|
|
||||||
uni.setStorageSync("STORE_INFO", JSON.stringify(res.data))
|
|
||||||
})
|
|
||||||
|
|
||||||
if (!res.data.mobile) { //未绑定手机号
|
// 微信公众号绑定
|
||||||
return showBind.value = true;
|
const officialCode = () => {
|
||||||
} else {
|
console.log("jinfas")
|
||||||
userStore.setUserInfo(res.data);
|
return
|
||||||
//再次登录 已有手机号 判断是否员工
|
|
||||||
//身份授权成功 核销人员
|
uni.navigateTo({
|
||||||
if (res.data.is_staff == 1) {
|
url: `/pages/code/code?id=${userStore.userInfo.id}`,
|
||||||
userStore.setUserInfo(res.data);
|
success: () => {
|
||||||
uni.reLaunch({
|
let user = userStore.userInfo;
|
||||||
url: "/multipleShop/verificationOrder/index"
|
user.supplier ? user.supplier.openid = 1 : user.supplier = {};
|
||||||
})
|
userStore.setUserInfo(user);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const userStore = useUserStore(); //使用pinia进行状态管理
|
||||||
|
if (userStore.userInfo && userStore.userInfo.mobile) {
|
||||||
|
navToIndex();
|
||||||
|
} else {
|
||||||
|
userStore.setToken('');
|
||||||
|
userStore.setUserInfo({});
|
||||||
|
}
|
||||||
|
|
||||||
|
const showWeixin = ref(true); //是否显示微信登录
|
||||||
|
const isAgree = ref(false); //是否同意协议
|
||||||
|
|
||||||
|
const weixinLogin = () => {
|
||||||
|
if (!isAgree.value) {
|
||||||
|
uni.$u.sleep(1000).then(res => {
|
||||||
|
isAgree.value = true;
|
||||||
|
})
|
||||||
|
return uni.$u.toast('请先阅读并同意协议');
|
||||||
|
}
|
||||||
|
uni.showLoading({
|
||||||
|
title: '登录中'
|
||||||
|
})
|
||||||
|
uni.login({
|
||||||
|
provider: 'weixin',
|
||||||
|
success: (res) => {
|
||||||
|
userLoginWeixinApi({
|
||||||
|
code: res.code
|
||||||
|
}).then(res => {
|
||||||
|
uni.hideLoading();
|
||||||
|
userStore.setToken(res.data.token);
|
||||||
|
getStoreInfo().then(res => {
|
||||||
|
uni.setStorageSync("STORE_INFO", JSON.stringify(res.data))
|
||||||
|
})
|
||||||
|
|
||||||
|
if (!res.data.mobile) { //未绑定手机号
|
||||||
|
return showBind.value = true;
|
||||||
} else {
|
} else {
|
||||||
// 授权成功 是否是通过分享进来的,如果是缓存有门店信息
|
userStore.setUserInfo(res.data);
|
||||||
let storeInfo = uni.getStorageSync('STORE_INFO');
|
//再次登录 已有手机号 判断是否员工
|
||||||
if (storeInfo) {
|
//身份授权成功 核销人员
|
||||||
storeInfo = JSON.parse(storeInfo);
|
if (res.data.is_staff == 1) {
|
||||||
// 直接选择门店
|
userStore.setUserInfo(res.data);
|
||||||
uni.reLaunch({
|
uni.reLaunch({
|
||||||
url: "/pages/index/index?id=" + storeInfo.id
|
url: "/multipleShop/verificationOrder/index"
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
// 直接选择门店
|
// 授权成功 是否是通过分享进来的,如果是缓存有门店信息
|
||||||
uni.reLaunch({
|
let storeInfo = uni.getStorageSync('STORE_INFO');
|
||||||
url: "/pages/index/index?id=" + storeInfo.id
|
if (storeInfo) {
|
||||||
})
|
storeInfo = JSON.parse(storeInfo);
|
||||||
|
// 直接选择门店
|
||||||
|
uni.reLaunch({
|
||||||
|
url: "/pages/index/index?id=" + storeInfo.id
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
// 直接选择门店
|
||||||
|
uni.reLaunch({
|
||||||
|
url: "/pages/index/index?id=" + storeInfo.id
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
fail: (err) => {
|
||||||
|
console.log(err);
|
||||||
|
uni.$u.toast('登录失败');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const showBind = ref(false); //是否显示绑定手机号弹窗
|
||||||
|
const getPhoneNumber = (e) => {
|
||||||
|
if (e.detail?.errMsg == 'getPhoneNumber:ok') {
|
||||||
|
getMobileByMnpApi({
|
||||||
|
code: e.detail.code
|
||||||
|
}).then(res => {
|
||||||
|
//手机号获取成功 可以本地缓存用户信息以及token
|
||||||
|
userStore.setUserInfo(res.data);
|
||||||
|
userStore.setToken(res.data.token);
|
||||||
|
//身份授权成功 核销人员
|
||||||
|
if (res.is_staff == 1) {
|
||||||
|
userStore.setUserInfo(res.data);
|
||||||
|
uni.reLaunch({
|
||||||
|
url: "/multipleShop/verificationOrder/index"
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
// 授权成功 是否是通过分享进来的,如果是缓存有门店信息
|
||||||
|
let storeInfo = uni.getStorageSync('STORE_INFO');
|
||||||
|
if (storeInfo) {
|
||||||
|
storeInfo = JSON.parse(storeInfo);
|
||||||
|
// 直接选择门店
|
||||||
|
uni.reLaunch({
|
||||||
|
url: "/pages/index/index?id=" + storeInfo.id
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
// 直接选择门店
|
||||||
|
uni.reLaunch({
|
||||||
|
url: "/multipleShop/index/index"
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
} else {
|
||||||
fail: (err) => {
|
console.log("用户拒绝授权");
|
||||||
console.log(err);
|
return uni.$u.toast('您拒绝了授权');
|
||||||
uni.$u.toast('登录失败');
|
|
||||||
}
|
}
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const showBind = ref(false); //是否显示绑定手机号弹窗
|
|
||||||
const getPhoneNumber = (e) => {
|
|
||||||
if (e.detail?.errMsg == 'getPhoneNumber:ok') {
|
|
||||||
getMobileByMnpApi({
|
|
||||||
code: e.detail.code
|
|
||||||
}).then(res => {
|
|
||||||
//手机号获取成功 可以本地缓存用户信息以及token
|
|
||||||
userStore.setUserInfo(res.data);
|
|
||||||
userStore.setToken(res.data.token);
|
|
||||||
//身份授权成功 核销人员
|
|
||||||
if (res.is_staff == 1) {
|
|
||||||
userStore.setUserInfo(res.data);
|
|
||||||
uni.reLaunch({
|
|
||||||
url: "/multipleShop/verificationOrder/index"
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
// 授权成功 是否是通过分享进来的,如果是缓存有门店信息
|
|
||||||
let storeInfo = uni.getStorageSync('STORE_INFO');
|
|
||||||
if (storeInfo) {
|
|
||||||
storeInfo = JSON.parse(storeInfo);
|
|
||||||
// 直接选择门店
|
|
||||||
uni.reLaunch({
|
|
||||||
url: "/pages/index/index?id=" + storeInfo.id
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
// 直接选择门店
|
|
||||||
uni.reLaunch({
|
|
||||||
url: "/multipleShop/index/index"
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
console.log("用户拒绝授权");
|
|
||||||
return uni.$u.toast('您拒绝了授权');
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
const loginForm = ref({
|
const loginForm = ref({
|
||||||
phone: '15366662222',
|
phone: '15366662222',
|
||||||
code: ''
|
code: ''
|
||||||
})
|
|
||||||
const isPhone = () => { //检验手机号是否正确
|
|
||||||
loginForm.value.phone = loginForm.value.phone.replace(/\s*/g, ""); //去除空格
|
|
||||||
return !/^1[3456789]\d{9}$/.test(loginForm.value.phone);
|
|
||||||
}
|
|
||||||
const codeLogin = () => {
|
|
||||||
if (!isAgree.value) return uni.$u.toast('请先阅读并同意协议');
|
|
||||||
// 验证码登录
|
|
||||||
if (isPhone()) return uni.$u.toast('请输入正确的手机号码');
|
|
||||||
console.log('登录');
|
|
||||||
userLoginApi({
|
|
||||||
account: '17811111111',
|
|
||||||
password: '1111',
|
|
||||||
terminal: 3,
|
|
||||||
scene: 1
|
|
||||||
}).then(res => {
|
|
||||||
console.log(res);
|
|
||||||
})
|
})
|
||||||
}
|
const isPhone = () => { //检验手机号是否正确
|
||||||
|
loginForm.value.phone = loginForm.value.phone.replace(/\s*/g, ""); //去除空格
|
||||||
const tips = ref('');
|
return !/^1[3456789]\d{9}$/.test(loginForm.value.phone);
|
||||||
const seconds = ref(60);
|
}
|
||||||
const uCodeRef = ref(null);
|
const codeLogin = () => {
|
||||||
|
if (!isAgree.value) return uni.$u.toast('请先阅读并同意协议');
|
||||||
const codeChange = (text) => {
|
// 验证码登录
|
||||||
tips.value = text;
|
|
||||||
};
|
|
||||||
|
|
||||||
const getCode = () => {
|
|
||||||
if (!isAgree.value) return uni.$u.toast('请先阅读并同意协议');
|
|
||||||
if (uCodeRef.value.canGetCode) {
|
|
||||||
if (isPhone()) return uni.$u.toast('请输入正确的手机号码');
|
if (isPhone()) return uni.$u.toast('请输入正确的手机号码');
|
||||||
// 模拟向后端请求验证码
|
console.log('登录');
|
||||||
uni.showLoading({
|
userLoginApi({
|
||||||
title: '正在获取验证码',
|
account: '17811111111',
|
||||||
});
|
password: '1111',
|
||||||
setTimeout(() => {
|
terminal: 3,
|
||||||
uni.hideLoading();
|
scene: 1
|
||||||
// 这里此提示会被start()方法中的提示覆盖
|
}).then(res => {
|
||||||
uni.$u.toast('验证码已发送');
|
console.log(res);
|
||||||
// 通知验证码组件内部开始倒计时
|
})
|
||||||
uCodeRef.value.start();
|
|
||||||
}, 2000);
|
|
||||||
} else {
|
|
||||||
uni.$u.toast('倒计时结束后再发送');
|
|
||||||
}
|
}
|
||||||
};
|
|
||||||
|
|
||||||
// 微信小程序无法拦截原生返回按钮,所以使用自定义导航拦截返回
|
const tips = ref('');
|
||||||
const navBack = () => {
|
const seconds = ref(60);
|
||||||
if (showWeixin.value == false) {
|
const uCodeRef = ref(null);
|
||||||
showWeixin.value = true;
|
|
||||||
return true;
|
const codeChange = (text) => {
|
||||||
} else uni.navigateBack();
|
tips.value = text;
|
||||||
}
|
};
|
||||||
const navgo = (url) => {
|
|
||||||
uni.navigateTo({
|
const getCode = () => {
|
||||||
url
|
if (!isAgree.value) return uni.$u.toast('请先阅读并同意协议');
|
||||||
})
|
if (uCodeRef.value.canGetCode) {
|
||||||
}
|
if (isPhone()) return uni.$u.toast('请输入正确的手机号码');
|
||||||
|
// 模拟向后端请求验证码
|
||||||
|
uni.showLoading({
|
||||||
|
title: '正在获取验证码',
|
||||||
|
});
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.hideLoading();
|
||||||
|
// 这里此提示会被start()方法中的提示覆盖
|
||||||
|
uni.$u.toast('验证码已发送');
|
||||||
|
// 通知验证码组件内部开始倒计时
|
||||||
|
uCodeRef.value.start();
|
||||||
|
}, 2000);
|
||||||
|
} else {
|
||||||
|
uni.$u.toast('倒计时结束后再发送');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 微信小程序无法拦截原生返回按钮,所以使用自定义导航拦截返回
|
||||||
|
const navBack = () => {
|
||||||
|
if (showWeixin.value == false) {
|
||||||
|
showWeixin.value = true;
|
||||||
|
return true;
|
||||||
|
} else uni.navigateBack();
|
||||||
|
}
|
||||||
|
const navgo = (url) => {
|
||||||
|
uni.navigateTo({
|
||||||
|
url
|
||||||
|
})
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
page {
|
page {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
|
||||||
|
|
||||||
.login-box {
|
|
||||||
width: 700rpx;
|
|
||||||
height: 80vh;
|
|
||||||
margin: 0 auto;
|
|
||||||
box-sizing: border-box;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
padding-top: 10vh;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
height: 152rpx;
|
|
||||||
width: 152rpx;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tips {
|
.login-box {
|
||||||
color: #444444;
|
width: 700rpx;
|
||||||
font-size: 28rpx;
|
height: 80vh;
|
||||||
margin: 30rpx 0;
|
margin: 0 auto;
|
||||||
}
|
box-sizing: border-box;
|
||||||
|
|
||||||
.btn {
|
|
||||||
width: 600rpx;
|
|
||||||
margin-top: 40rpx;
|
|
||||||
font-size: 32rpx !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form {
|
|
||||||
.input {
|
|
||||||
background-color: #ECFFEE;
|
|
||||||
width: 600rpx;
|
|
||||||
height: 90rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 0 20rpx;
|
|
||||||
margin-bottom: 40rpx;
|
|
||||||
|
|
||||||
.place {
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.customStyle {
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.wx-login {
|
|
||||||
width: 200rpx;
|
|
||||||
text-align: center;
|
|
||||||
padding: 20rpx;
|
|
||||||
border-radius: 100rpx;
|
|
||||||
background-color: #EFEFEF;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 80rpx;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wx-login:active {
|
|
||||||
background-color: #ECFFEE;
|
|
||||||
}
|
|
||||||
|
|
||||||
.agreement {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0rpx;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
color: #444;
|
padding-top: 10vh;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
image {
|
.logo {
|
||||||
width: 40rpx;
|
height: 152rpx;
|
||||||
height: 40rpx;
|
width: 152rpx;
|
||||||
margin-right: 10rpx;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
text {
|
.tips {
|
||||||
color: #20B128;
|
color: #444444;
|
||||||
|
font-size: 28rpx;
|
||||||
|
margin: 30rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
width: 600rpx;
|
||||||
|
margin-top: 40rpx;
|
||||||
|
font-size: 32rpx !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form {
|
||||||
|
.input {
|
||||||
|
background-color: #ECFFEE;
|
||||||
|
width: 600rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
|
||||||
|
.place {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.customStyle {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.wx-login {
|
||||||
|
width: 200rpx;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20rpx;
|
||||||
|
border-radius: 100rpx;
|
||||||
|
background-color: #EFEFEF;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 80rpx;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.wx-login:active {
|
||||||
|
background-color: #ECFFEE;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agreement {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0rpx;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: #444;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
text {
|
||||||
|
color: #20B128;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
</style>
|
</style>
|
Loading…
Reference in New Issue