From bba4046da481abccecf541e76f17a2e32a4cc344 Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Thu, 10 Jul 2025 18:10:29 +0800
Subject: [PATCH] 登录界面
---
src/assets/img/mine-select.png | 0
src/views/login/index.vue | 70 +++++++++++++++++++++++++++++++----
src/assets/img/icon-password (1).png | 0
src/assets/img/bg-login.png | 0
src/i18n/cn.js | 1
src/assets/img/icon-language.png | 0
6 files changed, 63 insertions(+), 8 deletions(-)
diff --git a/src/assets/img/bg-login.png b/src/assets/img/bg-login.png
new file mode 100644
index 0000000..d1e6e53
--- /dev/null
+++ b/src/assets/img/bg-login.png
Binary files differ
diff --git a/src/assets/img/icon-language.png b/src/assets/img/icon-language.png
new file mode 100644
index 0000000..475310f
--- /dev/null
+++ b/src/assets/img/icon-language.png
Binary files differ
diff --git "a/src/assets/img/icon-password \0501\051.png" "b/src/assets/img/icon-password \0501\051.png"
new file mode 100644
index 0000000..711ffdc
--- /dev/null
+++ "b/src/assets/img/icon-password \0501\051.png"
Binary files differ
diff --git a/src/assets/img/mine-select.png b/src/assets/img/mine-select.png
new file mode 100644
index 0000000..6f89869
--- /dev/null
+++ b/src/assets/img/mine-select.png
Binary files differ
diff --git a/src/i18n/cn.js b/src/i18n/cn.js
index 88ba80f..9ef5a0b 100644
--- a/src/i18n/cn.js
+++ b/src/i18n/cn.js
@@ -2781,4 +2781,5 @@
"效益": "效益",
"可投金额": "可投金额",
"指南": "指南",
+ "兑换": "兌換",
}
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 24d28ab..65a2542 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,7 +1,7 @@
<template>
<div class="login">
- <div class="top" @click="onRoute('/my/index')"><img src="../../assets/image/icon-close.png" alt="" /></div>
- <div class="title textColor">{{ $t('login') }}</div>
+ <!-- <div class="top" @click="onRoute('/my/index')"><img src="../../assets/image/icon-close.png" alt="" /></div> -->
+ <!-- <div class="title textColor">{{ $t('login') }}</div> -->
<!-- <div class="flex login-tab">
<div class="textColor1" :class="activeIndex == 0 ? 'active' : ''" @click="changeIndex(0)">{{
$t('account')
@@ -14,8 +14,8 @@
}}
</div>
</div> -->
- <ExInput :label="getRegType(activeIndex, true)" :placeholderText="getRegType(activeIndex, false)" v-model="username"
- :dialCode="dialCode" @selectArea="onSelectArea" :area="isArea" :icon="icon" />
+ <!-- <ExInput :label="getRegType(activeIndex, true)" :placeholderText="getRegType(activeIndex, false)"
+ v-model="username" :dialCode="dialCode" @selectArea="onSelectArea" :area="isArea" :icon="icon" />
<ExInput style="padding-bottom:0!important;" :label="$t('password')" :placeholderText="$t('entryPassword')"
v-model="password" typeText="password" />
<div class="forget colorMain" @click="$router.push('/forget')">{{ $t('forgetPassword') }}</div>
@@ -24,7 +24,53 @@
<div class="noTips textColor">{{ $t('noAccount') }}<span class="colorMain" @click="$router.push('/register')">
{{ $t('goRegister') }}</span>
</div>
- <nationality-list ref='controlChildRef' :title="$t('selectArea')" @getName="getName"></nationality-list>
+ <nationality-list ref='controlChildRef' :title="$t('selectArea')" @getName="getName"></nationality-list> -->
+
+ <div class="h-100vh px-26 text-white"
+ style="background: url("/static/img/bg-login.png") 0% 0% / cover fixed;">
+ <div class="w-22 h-22 mt-80" @click="handleLanguageClick">
+ <div
+ style="background-image: url("/static/img/icon-language.png"); background-position: 0% 0%; background-size: 100% 100%;">
+ </div>
+ <img src="../../assets/img/icon-language.png" draggable="false">
+ </div>
+ <span class="text-40 font-bold mt-43 block">{{ $t('login') }}</span>
+ <span class="text-15 font-medium block mt-10">{{ $t('登陆后继续') }}</span>
+ <div class="mt-40">
+ <div class="bg-white p-14 rounded-10 flex items-center">
+ <div class="w-26 h-26">
+ <div
+ style="background-image: url("/static/tabbar/mine-select.png"); background-position: 0% 0%; background-size: 100% 100%;">
+ </div><span></span><img src="../../assets/img/mine-select.png" draggable="false">
+ </div>
+ <div class="ml-9 text-black flex-1">
+ <div class="uni-input-wrapper">
+ <input type="text" maxlength="140" step="" enterkeyhint="done" class="uni-input-input"
+ autocomplete="off" :placeholder="$t('请输入账号')">
+ </div>
+ </div>
+ </div>
+ <div class="mt-15 bg-white p-14 rounded-10 flex items-center">
+ <div class="w-22 h-22">
+ <div
+ style="background-image: url("/static/img/icon-password.png"); background-position: 0% 0%; background-size: 100% 100%;">
+ </div><span></span><img src="../../assets/img/icon-password.png" draggable="false">
+ </div>
+ <div class="ml-9 text-black flex-1">
+ <div class="uni-input-wrapper">
+ <input type="password" maxlength="140" step="" enterkeyhint="done" class="uni-input-input"
+ autocomplete="off" :placeholder="$t('密码')">
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="py-17 text-center bg-black mt-120 rounded-10 text-19 font-700">{{ $t('login') }}</div>
+ <div class="mt-20 text-center">
+ <span>{{ $t('还没有账号') }}</span>
+ <span class="font-bold ml-5" @click="$router.push('/register')">{{ $t('去注册') }}</span>
+ </div>
+ <span class="block text-center mt-20" @click="$router.push('/forget')">{{ $t('修改密码') }}</span>
+ </div>
</div>
</template>
@@ -49,6 +95,10 @@
} else {
router.push(path)
}
+}
+
+const handleLanguageClick = () => {
+ router.push('/language')
}
let username = ref('')
@@ -157,11 +207,14 @@
</script>
<style lang="scss" scoped>
+@import '@/assets/css/deepseek_css_20250625_30ff932.css';
+
.login {
width: 100%;
- padding: 15px;
+ padding: 15px 0;
font-size: 13px;
box-sizing: border-box;
+ background: url('../../assets/img/bg-login.png') 0% 0% / cover fixed;
}
.top {
@@ -208,7 +261,8 @@
.noTips {
margin-top: 22px;
}
-.colorMain{
+
+.colorMain {
color: #1194F7;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3