|
|
@@ -1,3 +1,135 @@
|
|
|
+<template>
|
|
|
+ <view class="login-page" :isHeaderFixed="true" :isLoginPage="true">
|
|
|
+ <view class="fixed" />
|
|
|
+ <view class="main-content">
|
|
|
+<!-- <cwg-match-media :min-width="991">-->
|
|
|
+<!-- <view class="global-header-bar pc-header">-->
|
|
|
+<!-- <view class="header-inner">-->
|
|
|
+<!-- <view class="logo-placeholder"></view> <!– 左侧可预留放logo或留空 –>-->
|
|
|
+<!-- <LoginHeaderGroup text-color="#fff" icon-color="#fff" />-->
|
|
|
+<!-- </view>-->
|
|
|
+<!-- </view>-->
|
|
|
+<!-- </cwg-match-media>-->
|
|
|
+
|
|
|
+ <!-- 移动端顶部栏:悬浮在上方,深色文字 -->
|
|
|
+<!-- <cwg-match-media :max-width="991">-->
|
|
|
+<!-- <view class="mobile-header-bar">-->
|
|
|
+<!-- <!– <view class="fixed"/>–>-->
|
|
|
+
|
|
|
+<!-- <LoginHeaderGroup text-color="#141d22" icon-color="#141d22" />-->
|
|
|
+<!-- </view>-->
|
|
|
+<!-- </cwg-match-media>-->
|
|
|
+
|
|
|
+ <uni-row class="demo-uni-row">
|
|
|
+ <cwg-match-media :min-width="991" style="height: 100%;">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="14" :xl="16" style="height: 100%">
|
|
|
+ <view class="left-bg">
|
|
|
+ <view class="left-box">
|
|
|
+ <view class="inner">
|
|
|
+ <view class="title w-700">
|
|
|
+ {{ `${t('newLoop.item12')} ` }}
|
|
|
+ <text class="color-white" v-t="'newLoop.item13'"></text>
|
|
|
+ </view>
|
|
|
+ <view class="text-white" v-t="'newLoop.item14'"></view>
|
|
|
+ </view>
|
|
|
+ <image src="/static/images/trust-pilot.png" class="img-fluid mt--10" 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>
|
|
|
+ <cwg-link type="pdf" :title="'newSignin.item13_1'"
|
|
|
+ :url="`pdf/Risk-Disclosures-and-Acknowledgements-2020-08.pdf`" target="_blank"
|
|
|
+ v-t="'newSignin.item13_1'" class="doc-link" />
|
|
|
+ <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>
|
|
|
+ </uni-col>
|
|
|
+ </cwg-match-media>
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="10" :xl="8" class="right-f">
|
|
|
+ <view class="account">
|
|
|
+ <cwg-match-media :max-width="991">
|
|
|
+ <view class="company u-flex-y u-flex-y-center">
|
|
|
+ <image src="/static/images/logo-full.svg" class="company-icon" mode="widthFix"></image>
|
|
|
+ </view>
|
|
|
+ </cwg-match-media>
|
|
|
+ <view class="title">
|
|
|
+ <view class="tit1">{{ t('newSignin.item1') }}</view>
|
|
|
+ <view class="tit2">{{ t('newSignin.item2') }}</view>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <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')">
|
|
|
+ <template #prefix>
|
|
|
+ <cwg-icon name="email-outline" :size="20" color="#000" />
|
|
|
+ </template>
|
|
|
+ </up-input>
|
|
|
+ </up-form-item>
|
|
|
+
|
|
|
+ <up-form-item label="" prop="password">
|
|
|
+ <up-input :customStyle="customStyle" v-model="form.password" :type="inputType" border="none"
|
|
|
+ :placeholder="t('signin.form.password')">
|
|
|
+ <template #prefix>
|
|
|
+ <cwg-icon name="lock-outline" :size="20" color="#000" />
|
|
|
+ </template>
|
|
|
+ </up-input>
|
|
|
+ </up-form-item>
|
|
|
+ </up-form>
|
|
|
+ </view>
|
|
|
+ <view class="u-flex u-flex-between u-flex-y-center mb1">
|
|
|
+ <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>
|
|
|
+ </up-checkbox-group>
|
|
|
+ </view>
|
|
|
+ <navigator url="/pages/login/reset" class="account-tip">
|
|
|
+ <text>{{ t('signin.forget') }}</text>
|
|
|
+ </navigator>
|
|
|
+ </view>
|
|
|
+ <view class="cwg-button">
|
|
|
+ <u-button type="primary" class="" @click="submit">
|
|
|
+ {{ t('signin.login') }}
|
|
|
+ </u-button>
|
|
|
+ </view>
|
|
|
+ <navigator url="/pages/login/regist" class="account-tip">
|
|
|
+ {{ t('signin.words') }}
|
|
|
+ <text>{{ t('signin.signup') }}</text>
|
|
|
+ </navigator>
|
|
|
+ <cwg-match-media :min-width="791">
|
|
|
+
|
|
|
+
|
|
|
+ <!-- <view class="qr-container">
|
|
|
+ <view class="qr-title">
|
|
|
+ <view class="line"></view>
|
|
|
+ <view class="qr-tit2">{{ t('newSignin.item2') }}</view>
|
|
|
+ <view class="line"></view>
|
|
|
+ </view>
|
|
|
+ <QrCode width="200" height="200" text="cardGuide" :logo="logoImage"></QrCode>
|
|
|
+ </view> -->
|
|
|
+ </cwg-match-media>
|
|
|
+ </view>
|
|
|
+ </uni-col>
|
|
|
+ </uni-row>
|
|
|
+ </view>
|
|
|
+ <view class="chat-icon" :class="{ 'chat-icon-expanded': isChatIconExpanded, 'chat-icon-hidden': type == 'chat' }"
|
|
|
+ @click="handleChatIconClick">
|
|
|
+ <cwg-icon name="chat" color="#fff" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
<script setup>
|
|
|
import { ref, onMounted, computed } from 'vue'
|
|
|
import QrCode from '@/components/QrCode.vue'
|
|
|
@@ -195,143 +327,6 @@ const handleChatIconClick = () => {
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<template>
|
|
|
- <view class="login-page" :isHeaderFixed="true" :isLoginPage="true">
|
|
|
-
|
|
|
- <view class="fixed" />
|
|
|
- <view class="main-content">
|
|
|
- <cwg-match-media :min-width="991">
|
|
|
- <view class="global-header-bar pc-header">
|
|
|
- <view class="header-inner">
|
|
|
- <view class="logo-placeholder"></view> <!-- 左侧可预留放logo或留空 -->
|
|
|
- <LoginHeaderGroup text-color="#fff" icon-color="#fff" />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </cwg-match-media>
|
|
|
-
|
|
|
- <!-- 移动端顶部栏:悬浮在上方,深色文字 -->
|
|
|
- <cwg-match-media :max-width="991">
|
|
|
- <view class="mobile-header-bar">
|
|
|
- <!-- <view class="fixed"/>-->
|
|
|
-
|
|
|
- <LoginHeaderGroup text-color="#141d22" icon-color="#141d22" />
|
|
|
- </view>
|
|
|
- </cwg-match-media>
|
|
|
-
|
|
|
- <uni-row class="demo-uni-row">
|
|
|
- <cwg-match-media :min-width="991">
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="14" :xl="16">
|
|
|
- <view class="left-bg">
|
|
|
- <view class="left-box">
|
|
|
- <view class="inner">
|
|
|
- <view class="section-title">
|
|
|
- <text class="bg-secondary-opacity subtitle w-40" v-t="'newLoop.item11'"></text>
|
|
|
- </view>
|
|
|
- <view class="title w-700">
|
|
|
- {{ `${t('newLoop.item12')} ` }}
|
|
|
- <text class="color-white" v-t="'newLoop.item13'"></text>
|
|
|
- </view>
|
|
|
- <view class="text-white" v-t="'newLoop.item14'"></view>
|
|
|
- </view>
|
|
|
- <image src="/static/images/trust-pilot.png" class="img-fluid mt--10" 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>
|
|
|
- <cwg-link type="pdf" :title="'newSignin.item13_1'"
|
|
|
- :url="`pdf/Risk-Disclosures-and-Acknowledgements-2020-08.pdf`" target="_blank"
|
|
|
- v-t="'newSignin.item13_1'" class="doc-link" />
|
|
|
- <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>
|
|
|
- </uni-col>
|
|
|
- </cwg-match-media>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="10" :xl="8" class="right-f">
|
|
|
- <view class="account">
|
|
|
- <cwg-match-media :max-width="991">
|
|
|
- <view class="company u-flex-y u-flex-y-center">
|
|
|
- <image src="/static/images/logo-full.svg" class="company-icon" mode="widthFix"></image>
|
|
|
- </view>
|
|
|
- </cwg-match-media>
|
|
|
- <view class="title">
|
|
|
- <view class="tit1">{{ t('newSignin.item1') }}</view>
|
|
|
- <view class="tit2">{{ t('newSignin.item2') }}</view>
|
|
|
- </view>
|
|
|
- <view>
|
|
|
- <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')">
|
|
|
- <template #prefix>
|
|
|
- <cwg-icon name="email-outline" :size="20" color="#000" />
|
|
|
- </template>
|
|
|
- </up-input>
|
|
|
- </up-form-item>
|
|
|
-
|
|
|
- <up-form-item label="" prop="password">
|
|
|
- <up-input :customStyle="customStyle" v-model="form.password" :type="inputType" border="none"
|
|
|
- :placeholder="t('signin.form.password')">
|
|
|
- <template #prefix>
|
|
|
- <cwg-icon name="lock-outline" :size="20" color="#000" />
|
|
|
- </template>
|
|
|
- </up-input>
|
|
|
- </up-form-item>
|
|
|
- </up-form>
|
|
|
- </view>
|
|
|
- <view class="u-flex u-flex-between u-flex-y-center mb1">
|
|
|
- <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>
|
|
|
- </up-checkbox-group>
|
|
|
- </view>
|
|
|
- <navigator url="/pages/login/reset" class="account-tip">
|
|
|
- <text>{{ t('signin.forget') }}</text>
|
|
|
- </navigator>
|
|
|
- </view>
|
|
|
- <view class="cwg-button">
|
|
|
- <u-button type="primary" class="" @click="submit">
|
|
|
- {{ t('signin.login') }}
|
|
|
- </u-button>
|
|
|
- </view>
|
|
|
- <navigator url="/pages/login/regist" class="account-tip">
|
|
|
- {{ t('signin.words') }}
|
|
|
- <text>{{ t('signin.signup') }}</text>
|
|
|
- </navigator>
|
|
|
- <cwg-match-media :min-width="791">
|
|
|
-
|
|
|
-
|
|
|
- <!-- <view class="qr-container">
|
|
|
- <view class="qr-title">
|
|
|
- <view class="line"></view>
|
|
|
- <view class="qr-tit2">{{ t('newSignin.item2') }}</view>
|
|
|
- <view class="line"></view>
|
|
|
- </view>
|
|
|
- <QrCode width="200" height="200" text="cardGuide" :logo="logoImage"></QrCode>
|
|
|
- </view> -->
|
|
|
- </cwg-match-media>
|
|
|
- </view>
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- </view>
|
|
|
- <view class="chat-icon" :class="{ 'chat-icon-expanded': isChatIconExpanded, 'chat-icon-hidden': type == 'chat' }"
|
|
|
- @click="handleChatIconClick">
|
|
|
- <cwg-icon name="chat" color="#fff" />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-</template>
|
|
|
-
|
|
|
<style lang="scss" scoped>
|
|
|
@import "@/uni.scss";
|
|
|
|
|
|
@@ -425,10 +420,6 @@ const handleChatIconClick = () => {
|
|
|
.main-content {
|
|
|
flex: 1;
|
|
|
overflow: hidden;
|
|
|
- background-image: url(/static/images/login-bg.gif);
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: cover;
|
|
|
- background-position: center center;
|
|
|
}
|
|
|
|
|
|
.demo-uni-row {
|
|
|
@@ -438,6 +429,9 @@ const handleChatIconClick = () => {
|
|
|
.left-bg {
|
|
|
height: 100%;
|
|
|
min-height: calc(100vh - 120px);
|
|
|
+ background-image: url(/static/images/login-bg.gif);
|
|
|
+ background-size: cover;
|
|
|
+ background-position: center;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|