|
|
@@ -1,173 +1,196 @@
|
|
|
<script setup>
|
|
|
-import { ref, onMounted, computed } from "vue";
|
|
|
-import QrCode from "@/components/QrCode.vue";
|
|
|
-import { post } from "@/utils/request";
|
|
|
-import { userToken } from "@/composables/config";
|
|
|
-import { userApi } from "@/api/user";
|
|
|
-import { ucardApi } from "@/api/ucard";
|
|
|
-import { customApi } from "@/service/custom";
|
|
|
-import useGlobalStore from '@/stores/use-global-store'
|
|
|
-import useUserStore from "@/stores/use-user-store";
|
|
|
-import useRouter from "@/hooks/useRouter";
|
|
|
-import { useI18n } from "vue-i18n";
|
|
|
-import logoImage from "/static/images/logo3.png";
|
|
|
-const router = useRouter();
|
|
|
-const { t } = useI18n();
|
|
|
-const userStore = useUserStore();
|
|
|
-const globalStore = useGlobalStore();
|
|
|
-const modeStore = computed(() => globalStore.mode);
|
|
|
-// 响应式表单数据
|
|
|
-const form = ref({
|
|
|
- loginName: "",
|
|
|
- password: "",
|
|
|
-});
|
|
|
-
|
|
|
-function submit() {
|
|
|
- if (!form.value.loginName) {
|
|
|
- uni.$u.toast(t("signin.form.email"));
|
|
|
- return;
|
|
|
+ import { ref, onMounted, computed } from 'vue'
|
|
|
+ import QrCode from '@/components/QrCode.vue'
|
|
|
+ import { post } from '@/utils/request'
|
|
|
+ import { userToken } from '@/composables/config'
|
|
|
+ import { userApi } from '@/api/user'
|
|
|
+ import { ucardApi } from '@/api/ucard'
|
|
|
+ import { customApi } from '@/service/custom'
|
|
|
+ import useGlobalStore from '@/stores/use-global-store'
|
|
|
+ import useUserStore from '@/stores/use-user-store'
|
|
|
+ import useRouter from '@/hooks/useRouter'
|
|
|
+ import { useI18n } from 'vue-i18n'
|
|
|
+ import companyLogo from '@/static/images/logo4.png'
|
|
|
+
|
|
|
+ const router = useRouter()
|
|
|
+ const { t } = useI18n()
|
|
|
+ const userStore = useUserStore()
|
|
|
+ const globalStore = useGlobalStore()
|
|
|
+ const modeStore = computed(() => globalStore.mode)
|
|
|
+ // 响应式表单数据
|
|
|
+ const form = ref({
|
|
|
+ loginName: '',
|
|
|
+ password: '',
|
|
|
+ })
|
|
|
+
|
|
|
+ function submit() {
|
|
|
+ if (!form.value.loginName) {
|
|
|
+ uni.$u.toast(t('signin.form.email'))
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!form.value.password) {
|
|
|
+ uni.$u.toast(t('signin.form.password'))
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
+ handleLogin()
|
|
|
}
|
|
|
- if (!form.value.password) {
|
|
|
- uni.$u.toast(t("signin.form.password"));
|
|
|
- return;
|
|
|
+
|
|
|
+ const customStyle = {
|
|
|
+ height: '44px',
|
|
|
+ 'border-radius': '8px',
|
|
|
+ background: '#f7f8fa',
|
|
|
+ padding: '0 20px !important',
|
|
|
+ position: 'relative',
|
|
|
+ }
|
|
|
+ const remenber = ref([])
|
|
|
+ const checkboxChange = (e) => {
|
|
|
+ remenber.value = e
|
|
|
+ }
|
|
|
+ const fetchUserList = (params) => post('/Login/AcctLogin', params)
|
|
|
+
|
|
|
+ async function handleLogin() {
|
|
|
+ try {
|
|
|
+ const res = await userApi.login({
|
|
|
+ loginName: form.value.loginName,
|
|
|
+ password: form.value.password,
|
|
|
+ })
|
|
|
+ if (res.code === 200) {
|
|
|
+ userToken.value = res.data
|
|
|
+ uni.$u.toast(t('login.msg0_1'))
|
|
|
+ getCustomLoginInfo()
|
|
|
+ // getCardUserInfo();
|
|
|
+ reasonsRefusalList()
|
|
|
+ if (remenber.value.length) {
|
|
|
+ userStore.saveAccountInfo({
|
|
|
+ loginName: form.value.loginName,
|
|
|
+ password: form.value.password,
|
|
|
+ rememberPassword: true,
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ userStore.saveAccountInfo({
|
|
|
+ loginName: '',
|
|
|
+ password: '',
|
|
|
+ rememberPassword: false,
|
|
|
+ })
|
|
|
+ }
|
|
|
+ // console.log(1111);
|
|
|
+ } else {
|
|
|
+ uni.showToast({ title: res.msg })
|
|
|
+ // console.log(12112);
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ // console.log(error, 19089);
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- handleLogin();
|
|
|
-}
|
|
|
-
|
|
|
-const customStyle = {
|
|
|
- height: "44px",
|
|
|
- "border-radius": "8px",
|
|
|
- background: "#f7f8fa",
|
|
|
- padding: "0 20px !important",
|
|
|
- position: "relative",
|
|
|
-};
|
|
|
-const remenber = ref([]);
|
|
|
-const checkboxChange = (e) => {
|
|
|
- remenber.value = e;
|
|
|
-};
|
|
|
-const fetchUserList = (params) => post("/Login/AcctLogin", params);
|
|
|
-async function handleLogin() {
|
|
|
- try {
|
|
|
- const res = await userApi.login({
|
|
|
- loginName: form.value.loginName,
|
|
|
- password: form.value.password,
|
|
|
- });
|
|
|
- if (res.code === 200) {
|
|
|
- userToken.value = res.data;
|
|
|
- uni.$u.toast(t("login.msg0_1"));
|
|
|
- getCustomLoginInfo();
|
|
|
- // getCardUserInfo();
|
|
|
- reasonsRefusalList();
|
|
|
- if (remenber.value.length) {
|
|
|
- userStore.saveAccountInfo({
|
|
|
- loginName: form.value.loginName,
|
|
|
- password: form.value.password,
|
|
|
- rememberPassword: true,
|
|
|
- });
|
|
|
+ async function getCustomLoginInfo() {
|
|
|
+ try {
|
|
|
+ const res = await userApi.getUserInfo()
|
|
|
+ userStore.saveUserInfo(res.data)
|
|
|
+ if (res.code === 200) {
|
|
|
+ router.reLaunch(modeStore.value === 'customer' ? '/pages/customer/index' : '/pages/ib/index')
|
|
|
} else {
|
|
|
- userStore.saveAccountInfo({
|
|
|
- loginName: "",
|
|
|
- password: "",
|
|
|
- rememberPassword: false,
|
|
|
- });
|
|
|
+ uni.$u.toast(res.msg || t('login.msg0'))
|
|
|
}
|
|
|
- // console.log(1111);
|
|
|
- } else {
|
|
|
- uni.showToast({title: res.msg})
|
|
|
- // console.log(12112);
|
|
|
+ } catch (error) {
|
|
|
+ // console.log(error, 111);
|
|
|
}
|
|
|
- } catch (error) {
|
|
|
- // console.log(error, 19089);
|
|
|
}
|
|
|
-}
|
|
|
-async function getCustomLoginInfo() {
|
|
|
- try {
|
|
|
- const res = await userApi.getUserInfo();
|
|
|
- userStore.saveUserInfo(res.data);
|
|
|
- if (res.code === 200) {
|
|
|
- router.reLaunch(modeStore.value === 'customer' ? "/pages/customer/index" : "/pages/ib/index");
|
|
|
- } else {
|
|
|
- uni.$u.toast(res.msg || t("login.msg0"));
|
|
|
+
|
|
|
+ async function getCardUserInfo() {
|
|
|
+ try {
|
|
|
+ const res = await ucardApi.getSingle()
|
|
|
+ userStore.saveUserInfo(res.data)
|
|
|
+ if (res.code === 200) {
|
|
|
+ if (!res.data || res.data.approveStatus != 2) {
|
|
|
+ router.push('/pages/mine/improve')
|
|
|
+ } else {
|
|
|
+ router.push('/pages/card/index')
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ uni.$u.toast(res.msg || t('login.msg0'))
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ // console.log(error, 111);
|
|
|
}
|
|
|
- } catch (error) {
|
|
|
- // console.log(error, 111);
|
|
|
}
|
|
|
-}
|
|
|
-async function getCardUserInfo() {
|
|
|
- try {
|
|
|
- const res = await ucardApi.getSingle();
|
|
|
- userStore.saveUserInfo(res.data);
|
|
|
- if (res.code === 200) {
|
|
|
- if (!res.data || res.data.approveStatus != 2) {
|
|
|
- router.push("/pages/mine/improve");
|
|
|
+
|
|
|
+ async function reasonsRefusalList() {
|
|
|
+ try {
|
|
|
+ const res = await customApi.reasonsRefusalList()
|
|
|
+ if (res.code === 200) {
|
|
|
+ pickFields(res.data)
|
|
|
} else {
|
|
|
- router.push("/pages/card/index");
|
|
|
+ uni.$u.toast(res.msg || t('login.msg0'))
|
|
|
}
|
|
|
- } else {
|
|
|
- uni.$u.toast(res.msg || t("login.msg0"));
|
|
|
+ } catch (error) {
|
|
|
+ // console.log(error, 111);
|
|
|
}
|
|
|
- } catch (error) {
|
|
|
- // console.log(error, 111);
|
|
|
}
|
|
|
-}
|
|
|
-async function reasonsRefusalList() {
|
|
|
- try {
|
|
|
- const res = await customApi.reasonsRefusalList();
|
|
|
- if (res.code === 200) {
|
|
|
- pickFields(res.data);
|
|
|
+
|
|
|
+ function pickFields(source, fields = ['content', 'enContent']) {
|
|
|
+ const result = {}
|
|
|
+
|
|
|
+ Object.entries(source).forEach(([key, value]) => {
|
|
|
+ result[key] = fields.reduce((acc, f) => {
|
|
|
+ acc[f] = value[f] ?? null
|
|
|
+ return acc
|
|
|
+ }, {})
|
|
|
+ })
|
|
|
+ userStore.saveReasonsOptions(result)
|
|
|
+ }
|
|
|
+
|
|
|
+ onMounted(() => {
|
|
|
+ const hostParts = window.location.host.split('.')
|
|
|
+ ho.value = hostParts.length > 1 ? hostParts[1] : ''
|
|
|
+
|
|
|
+ const accountInfo = userStore.accountInfo
|
|
|
+ if (accountInfo?.rememberPassword) {
|
|
|
+ form.value.loginName = accountInfo?.loginName || ''
|
|
|
+ form.value.password = accountInfo?.password || ''
|
|
|
+ remenber.value = ['记住我']
|
|
|
} else {
|
|
|
- uni.$u.toast(res.msg || t("login.msg0"));
|
|
|
+ form.value.loginName = ''
|
|
|
+ form.value.password = ''
|
|
|
+ remenber.value = []
|
|
|
}
|
|
|
- } catch (error) {
|
|
|
- // console.log(error, 111);
|
|
|
- }
|
|
|
-}
|
|
|
-function pickFields(source, fields = ['content', 'enContent']) {
|
|
|
- const result = {}
|
|
|
-
|
|
|
- Object.entries(source).forEach(([key, value]) => {
|
|
|
- result[key] = fields.reduce((acc, f) => {
|
|
|
- acc[f] = value[f] ?? null
|
|
|
- return acc
|
|
|
- }, {})
|
|
|
})
|
|
|
- userStore.saveReasonsOptions(result);
|
|
|
-}
|
|
|
-
|
|
|
-onMounted(() => {
|
|
|
- const accountInfo = userStore.accountInfo;
|
|
|
- if (accountInfo?.rememberPassword) {
|
|
|
- form.value.loginName = accountInfo?.loginName || "";
|
|
|
- form.value.password = accountInfo?.password || "";
|
|
|
- remenber.value = ["记住我"];
|
|
|
- } else {
|
|
|
- form.value.loginName = "";
|
|
|
- form.value.password = "";
|
|
|
- remenber.value = [];
|
|
|
- }
|
|
|
-});
|
|
|
-const inputType = ref("password");
|
|
|
+ const inputType = ref('password')
|
|
|
+ const ho = ref('')
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
<view class="login-page" :isHeaderFixed="true" :isLoginPage="true">
|
|
|
<uni-row class="demo-uni-row">
|
|
|
<cwg-match-media :min-width="991">
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="14" :xl="16" class="left-bg">
|
|
|
- <view class="company logo u-flex-y u-flex-y-center">
|
|
|
- <image src="/static/images/logo4.png" class="company-icon" mode="widthFix"></image>
|
|
|
- </view>
|
|
|
- <view class="left-box">
|
|
|
- <view class="left-content">
|
|
|
- <view class="h1">
|
|
|
- <text>{{ t('newLoop.item12') }}</text>
|
|
|
- <br />
|
|
|
- <text class="color-white">{{ t('newLoop.item13') }}</text>
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="14" :xl="16">
|
|
|
+ <view class="left-bg">
|
|
|
+ <view class="left-box">
|
|
|
+ <view>
|
|
|
+
|
|
|
</view>
|
|
|
- <view class="h6 text-white">{{ t('newLoop.item14') }}</view>
|
|
|
- <view class="company u-flex-y u-flex-y-center">
|
|
|
- <image src="/static/images/trust-pilot.png" class="company-icon" mode="widthFix"></image>
|
|
|
+ <view class="left-content">
|
|
|
+ <view class="des text-white">
|
|
|
+ <text v-html="t('newSignin.item12')"></text>
|
|
|
+ <br />
|
|
|
+ <text v-html="t('newSignin.item12_1')"></text>
|
|
|
+ <br />
|
|
|
+ <text v-html="t('newSignin.item10')"></text>
|
|
|
+ <br />
|
|
|
+ <text v-html="t('newSignin.item11')"></text>
|
|
|
+ <br />
|
|
|
+ <text v-t="'newSignin.item13'"></text>
|
|
|
+ <a
|
|
|
+ :href="`https://www.${ho}.com/doc/Risk-Disclosures-and-Acknowledgements-2020-08.pdf`"
|
|
|
+ target="_blank"
|
|
|
+ v-t="'newSignin.item13_1'"
|
|
|
+ class="doc-link"
|
|
|
+ ></a>
|
|
|
+ <text v-t="'newSignin.item13_2'"></text>
|
|
|
+ <!-- <view v-t="'newSignin.item13_3'"></view>
|
|
|
+ <text v-t="'newSignin.item13_4'"></text> -->
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -188,7 +211,7 @@ const inputType = ref("password");
|
|
|
<up-form :model="form" ref="uFormRef">
|
|
|
<up-form-item label="" prop="loginName">
|
|
|
<up-input :customStyle="customStyle" v-model="form.loginName" border="none"
|
|
|
- :placeholder="t('signin.form.email')">
|
|
|
+ :placeholder="t('signin.form.email')">
|
|
|
<template #prefix>
|
|
|
<cwg-icon name="email-outline" :size="20" color="#000" />
|
|
|
</template>
|
|
|
@@ -197,7 +220,7 @@ const inputType = ref("password");
|
|
|
|
|
|
<up-form-item label="" prop="password">
|
|
|
<up-input :customStyle="customStyle" v-model="form.password" :type="inputType" border="none"
|
|
|
- :placeholder="t('signin.form.password')">
|
|
|
+ :placeholder="t('signin.form.password')">
|
|
|
<template #prefix>
|
|
|
<cwg-icon name="lock-outline" :size="20" color="#000" />
|
|
|
</template>
|
|
|
@@ -209,21 +232,21 @@ const inputType = ref("password");
|
|
|
<view class="check-box">
|
|
|
<up-checkbox-group v-model="remenber" @change="checkboxChange">
|
|
|
<up-checkbox size="14" labelSize="14" labelColor="#666666" activeColor="#ea002a"
|
|
|
- :label="t('newSignin.item5')" name="记住我" class="wcg-checkbox"></up-checkbox>
|
|
|
+ :label="t('newSignin.item5')" name="记住我" class="wcg-checkbox"></up-checkbox>
|
|
|
</up-checkbox-group>
|
|
|
</view>
|
|
|
<navigator url="/pages/login/reset" class="account-tip">
|
|
|
- <text>{{ t("signin.forget") }}</text>
|
|
|
+ <text>{{ t('signin.forget') }}</text>
|
|
|
</navigator>
|
|
|
</view>
|
|
|
<view class="cwg-button">
|
|
|
<u-button type="primary" class="" @click="submit">
|
|
|
- {{ t("signin.login") }}
|
|
|
+ {{ t('signin.login') }}
|
|
|
</u-button>
|
|
|
</view>
|
|
|
<navigator url="/pages/login/regist" class="account-tip">
|
|
|
- {{ t("signin.words") }}
|
|
|
- <text>{{ t("signin.signup") }}</text>
|
|
|
+ {{ t('signin.words') }}
|
|
|
+ <text>{{ t('signin.signup') }}</text>
|
|
|
</navigator>
|
|
|
<cwg-match-media :min-width="791">
|
|
|
|
|
|
@@ -240,268 +263,272 @@ const inputType = ref("password");
|
|
|
</view>
|
|
|
</uni-col>
|
|
|
</uni-row>
|
|
|
- <view class="bottom-box">
|
|
|
- <cwg-match-media :max-width="791">
|
|
|
- <view class="bottom-title ellipsis">{{ t('newSignin.item12') }}</view>
|
|
|
- </cwg-match-media>
|
|
|
- <cwg-match-media :min-width="791">
|
|
|
- <view class="bottom-title">{{ t('newSignin.item12') }}</view>
|
|
|
- </cwg-match-media>
|
|
|
- <view class="cwg-button">
|
|
|
- <u-button type="primary" class="" @click="">
|
|
|
- {{ t("News.More") }}
|
|
|
- </u-button>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-@import "@/uni.scss";
|
|
|
-
|
|
|
-:deep(uni-content) {
|
|
|
- padding-left: 0 !important;
|
|
|
-}
|
|
|
+ @import "@/uni.scss";
|
|
|
|
|
|
-.login-page {
|
|
|
- height: 100vh;
|
|
|
- border: none;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
+ :deep(uni-content) {
|
|
|
+ padding-left: 0 !important;
|
|
|
+ }
|
|
|
|
|
|
-.demo-uni-row {
|
|
|
- margin: 0 !important;
|
|
|
+ .login-page {
|
|
|
+ height: 100vh;
|
|
|
+ border: none;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
|
|
|
- .left-bg {
|
|
|
- height: calc(100vh - 60px);
|
|
|
- background-image: url(/static/images/login-bg.gif);
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: cover;
|
|
|
- background-position: center center;
|
|
|
+ .demo-uni-row {
|
|
|
+ margin: 0 !important;
|
|
|
|
|
|
- .left-box {
|
|
|
+ .left-bg {
|
|
|
+ height: 100%;
|
|
|
+ min-height: 100vh;
|
|
|
+ background-image: url(/static/images/login-bg.gif);
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ background-position: center center;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
align-items: center;
|
|
|
|
|
|
- .h1 {
|
|
|
- // text-align: center;
|
|
|
- line-height: 20px;
|
|
|
- color: #fff;
|
|
|
- font-size: 30px;
|
|
|
- margin-top: 30px;
|
|
|
- font-size: 700;
|
|
|
- line-height: 1.5;
|
|
|
+ .left-box {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ width: 60%;
|
|
|
+ margin-top: px2rpx(20);
|
|
|
+
|
|
|
+ .h1 {
|
|
|
+ // text-align: center;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 30px;
|
|
|
+ margin-top: 30px;
|
|
|
+ line-height: 1.5;
|
|
|
+ }
|
|
|
+
|
|
|
+ .h6 {
|
|
|
+ text-align: start;
|
|
|
+ line-height: 20px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .company {
|
|
|
+ padding: px2rpx(10) 0 px2rpx(10) 0;
|
|
|
+ position: relative;
|
|
|
+ align-items: flex-start !important;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .h6 {
|
|
|
- text-align: start;
|
|
|
- line-height: 20px;
|
|
|
- color: #fff;
|
|
|
- font-size: 14px;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .company {
|
|
|
- padding: px2rpx(40) 0 px2rpx(50) 0;
|
|
|
- position: relative;
|
|
|
- align-items: flex-start !important;
|
|
|
+ .left-content {
|
|
|
+ width: 100%;
|
|
|
+
|
|
|
+ .des {
|
|
|
+ text-align: start;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-top: px2rpx(20);
|
|
|
+
|
|
|
+ :nth-child(n) {
|
|
|
+ display: inline;
|
|
|
+ word-break: break-all;
|
|
|
+ word-wrap: break-word;
|
|
|
+ }
|
|
|
+
|
|
|
+ .doc-link {
|
|
|
+ color: #ffde02;
|
|
|
+ text-decoration: underline;
|
|
|
+ margin: 0 px2rpx(4);
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .left-content {
|
|
|
- .h1 {
|
|
|
- // text-align: center;
|
|
|
- line-height: 20px;
|
|
|
- color: #fff;
|
|
|
- font-size: 30px;
|
|
|
- margin-top: 30px;
|
|
|
- font-size: 700;
|
|
|
- line-height: 1.5;
|
|
|
- }
|
|
|
+ .right-f {
|
|
|
+ background-color: var(--color-white);
|
|
|
+ padding: 0 px2rpx(24);
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
|
- .h6 {
|
|
|
- line-height: 20px;
|
|
|
- color: #fff;
|
|
|
- font-size: 14px;
|
|
|
- margin-top: 10px;
|
|
|
+ .account {
|
|
|
+ background-color: var(--color-white);
|
|
|
+ position: relative;
|
|
|
+ height: calc(100vh - 60px);
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ padding: 0 10%;
|
|
|
+
|
|
|
+ .company {
|
|
|
+ padding: px2rpx(50) 0 px2rpx(20) 0;
|
|
|
+ position: relative;
|
|
|
+ align-items: center !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .company-icon {
|
|
|
+ width: px2rpx(234);
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .right-f {
|
|
|
+ .bottom-box {
|
|
|
+ width: 100%;
|
|
|
+ height: 60px;
|
|
|
background-color: var(--color-white);
|
|
|
- padding: 0 px2rpx(24);
|
|
|
- box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ color: #000;
|
|
|
|
|
|
- .account {
|
|
|
- background-color: var(--color-white);
|
|
|
- position: relative;
|
|
|
- height: calc(100vh - 60px);
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
- padding: 0 10%;
|
|
|
+ .bottom-title {
|
|
|
|
|
|
- .company {
|
|
|
- padding: px2rpx(50) 0 px2rpx(20) 0;
|
|
|
- position: relative;
|
|
|
- align-items: center !important;
|
|
|
- }
|
|
|
+ text-align: center;
|
|
|
+ font-size: px2rpx(14);
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 1.5;
|
|
|
+ color: #666666;
|
|
|
|
|
|
- .company-icon {
|
|
|
- width: px2rpx(234);
|
|
|
- }
|
|
|
}
|
|
|
- }
|
|
|
-}
|
|
|
|
|
|
-.bottom-box {
|
|
|
- width: 100%;
|
|
|
- height: 60px;
|
|
|
- background-color: var(--color-white);
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- color: #000;
|
|
|
+ .ellipsis {
|
|
|
+ width: px2rpx(200);
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ }
|
|
|
|
|
|
- .bottom-title {
|
|
|
+ .cwg-button {
|
|
|
+ width: 120px !important;
|
|
|
+ padding: px2rpx(4) 0 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- text-align: center;
|
|
|
- font-size: px2rpx(14);
|
|
|
- font-weight: 500;
|
|
|
- line-height: 1.5;
|
|
|
- color: #666666;
|
|
|
|
|
|
+ button {
|
|
|
+ background-color: #ea002a;
|
|
|
+ font-size: px2rpx(14);
|
|
|
+ font-weight: normal;
|
|
|
+ height: px2rpx(44);
|
|
|
+ line-height: px2rpx(44);
|
|
|
}
|
|
|
|
|
|
- .ellipsis {
|
|
|
- width: px2rpx(200);
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
+ .right-f .account .company {
|
|
|
+ padding: px2rpx(50) 0 px2rpx(200) 0;
|
|
|
+ position: relative;
|
|
|
+ align-items: flex-start !important;
|
|
|
}
|
|
|
|
|
|
- .cwg-button {
|
|
|
- width: 120px !important;
|
|
|
- padding: px2rpx(4) 0 !important;
|
|
|
+ .logo {
|
|
|
+ margin-left: px2rpx(48);
|
|
|
}
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
|
|
|
+ .left-bg .company-icon {
|
|
|
+ width: px2rpx(234);
|
|
|
+ }
|
|
|
|
|
|
-button {
|
|
|
- background-color: #ea002a;
|
|
|
- font-size: px2rpx(14);
|
|
|
- font-weight: normal;
|
|
|
- height: px2rpx(44);
|
|
|
- line-height: px2rpx(44);
|
|
|
-}
|
|
|
-
|
|
|
-.company {
|
|
|
- padding: px2rpx(50) 0 px2rpx(200) 0;
|
|
|
- position: relative;
|
|
|
- align-items: flex-start !important;
|
|
|
-}
|
|
|
+ .left-bg .left-content {
|
|
|
+ position: relative;
|
|
|
+ z-index: 1;
|
|
|
+ }
|
|
|
|
|
|
-.logo {
|
|
|
- margin-left: px2rpx(48);
|
|
|
-}
|
|
|
+ .title {
|
|
|
+ margin: px2rpx(32) 0;
|
|
|
+ font-size: px2rpx(24);
|
|
|
+ font-weight: bolder;
|
|
|
+ color: #e4e4e4;
|
|
|
+ text-align: center;
|
|
|
|
|
|
-.title {
|
|
|
- margin: px2rpx(32) 0;
|
|
|
- font-size: px2rpx(24);
|
|
|
- font-weight: bolder;
|
|
|
- color: #e4e4e4;
|
|
|
- text-align: center;
|
|
|
+ i {
|
|
|
+ margin-right: px2rpx(10);
|
|
|
+ }
|
|
|
|
|
|
- i {
|
|
|
- margin-right: px2rpx(10);
|
|
|
- }
|
|
|
+ .tit1 {
|
|
|
+ font-size: px2rpx(34);
|
|
|
+ line-height: 1.5;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #000000;
|
|
|
+ }
|
|
|
|
|
|
- .tit1 {
|
|
|
- font-size: px2rpx(34);
|
|
|
- line-height: 1.5;
|
|
|
- font-weight: bold;
|
|
|
- color: #000000;
|
|
|
+ .tit2 {
|
|
|
+ font-size: px2rpx(16);
|
|
|
+ line-height: 1.5;
|
|
|
+ color: #cecece;
|
|
|
+ font-weight: 500;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .tit2 {
|
|
|
+ .qr-title {
|
|
|
font-size: px2rpx(16);
|
|
|
line-height: 1.5;
|
|
|
color: #cecece;
|
|
|
font-weight: 500;
|
|
|
+ text-align: center;
|
|
|
+ margin: px2rpx(40) 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+
|
|
|
+ .line {
|
|
|
+ flex: 1;
|
|
|
+ height: 1px;
|
|
|
+ background-color: #e4e4e4;
|
|
|
+ }
|
|
|
+
|
|
|
+ .qr-tit2 {
|
|
|
+ margin: 0 px2rpx(12);
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
-}
|
|
|
-
|
|
|
-.qr-title {
|
|
|
- font-size: px2rpx(16);
|
|
|
- line-height: 1.5;
|
|
|
- color: #cecece;
|
|
|
- font-weight: 500;
|
|
|
- text-align: center;
|
|
|
- margin: px2rpx(40) 0;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-
|
|
|
- .line {
|
|
|
- flex: 1;
|
|
|
- height: 1px;
|
|
|
- background-color: #e4e4e4;
|
|
|
+
|
|
|
+ .input {
|
|
|
+ height: px2rpx(44);
|
|
|
+ border-radius: px2rpx(8);
|
|
|
+ background: #f7f8fa;
|
|
|
+ padding: 0 px2rpx(20) !important;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
- .qr-tit2 {
|
|
|
- margin: 0 px2rpx(12);
|
|
|
+ .account-icon {
|
|
|
+ width: px2rpx(12);
|
|
|
+ height: px2rpx(14) !important;
|
|
|
+ margin-right: px2rpx(5);
|
|
|
+ }
|
|
|
|
|
|
+ :deep(.u-input__content__prefix-icon) {
|
|
|
+ height: px2rpx(20);
|
|
|
}
|
|
|
|
|
|
-}
|
|
|
-
|
|
|
-.input {
|
|
|
- height: px2rpx(44);
|
|
|
- border-radius: px2rpx(8);
|
|
|
- background: #f7f8fa;
|
|
|
- padding: 0 px2rpx(20) !important;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.account-icon {
|
|
|
- width: px2rpx(12);
|
|
|
- height: px2rpx(14) !important;
|
|
|
- margin-right: px2rpx(5);
|
|
|
-}
|
|
|
-
|
|
|
-:deep(.u-input__content__prefix-icon) {
|
|
|
- height: px2rpx(20);
|
|
|
-}
|
|
|
-
|
|
|
-.regiset-btn {
|
|
|
- margin: px2rpx(20) 0;
|
|
|
-}
|
|
|
-
|
|
|
-.account-tip {
|
|
|
- color: #666666;
|
|
|
- font-size: px2rpx(14);
|
|
|
- text-align: center;
|
|
|
-
|
|
|
- text {
|
|
|
- color: #ea002a;
|
|
|
+ .regiset-btn {
|
|
|
+ margin: px2rpx(20) 0;
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-:deep(.u-form-item__body) {
|
|
|
- padding: 0 !important;
|
|
|
- padding-bottom: px2rpx(24) !important;
|
|
|
-}
|
|
|
+ .account-tip {
|
|
|
+ color: #666666;
|
|
|
+ font-size: px2rpx(14);
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+ text {
|
|
|
+ color: #ea002a;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
-:deep(.wcg-checkbox) {
|
|
|
- padding: 0 !important;
|
|
|
-}
|
|
|
+ :deep(.u-form-item__body) {
|
|
|
+ padding: 0 !important;
|
|
|
+ padding-bottom: px2rpx(24) !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ :deep(.wcg-checkbox) {
|
|
|
+ padding: 0 !important;
|
|
|
+ }
|
|
|
|
|
|
-.cwg-button {
|
|
|
- padding: px2rpx(34) 0 !important;
|
|
|
-}
|
|
|
-</style>
|
|
|
+ .cwg-button {
|
|
|
+ padding: px2rpx(34) 0 !important;
|
|
|
+ }
|
|
|
+</style>
|
