From df43dbd4f80baedb88764ca9545e4b5ec7e1ac73 Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Sun, 27 Jul 2025 16:26:34 +0800
Subject: [PATCH] 1
---
src/page/login/register.vue | 93 +++++++++++++++++++++-------------------------
1 files changed, 42 insertions(+), 51 deletions(-)
diff --git a/src/page/login/register.vue b/src/page/login/register.vue
index 914c954..f798786 100644
--- a/src/page/login/register.vue
+++ b/src/page/login/register.vue
@@ -7,49 +7,22 @@
<div class="logins_content">
<div class="login_forms">
<div class="top_forms">
- <el-input
- :placeholder="placeholder"
- size="medium"
- v-model="phone"
- maxlength="10"
- clearable
- @input="handleInput()"
- >
+ <el-input :placeholder="placeholder" size="medium" v-model="phone" maxlength="10" clearable
+ @input="handleInput()">
<template slot="prepend">+91</template>
</el-input>
- <el-input
- style="margin-top: 0.46rem"
- show-password
- :placeholder="$t('hj19')"
- size="medium"
- v-model="userPassword"
- @input="handleInput()"
- >
+ <el-input style="margin-top: 0.46rem" show-password :placeholder="$t('hj19')" size="medium"
+ v-model="userPassword" @input="handleInput()">
</el-input>
- <el-input
- style="margin-top: 0.46rem"
- show-password
- :placeholder="$t('hj20')"
- size="medium"
- v-model="rePassword"
- @input="handleInput()"
- >
+ <el-input style="margin-top: 0.46rem" show-password :placeholder="$t('hj20')" size="medium"
+ v-model="rePassword" @input="handleInput()">
</el-input>
- <el-input
- style="margin-top: 0.46rem"
- :placeholder="$t('hj21')"
- size="medium"
- v-model="userName"
- clearable
- @input="handleInput()"
- >
+ <el-input style="margin-top: 0.46rem" :placeholder="$t('hj21')" size="medium" v-model="userName" clearable
+ @input="handleInput()">
</el-input>
</div>
- <div
- class="radio-con"
- style="display: flex; align-items: center; font-size: 14px"
- >
+ <div class="radio-con" style="display: flex; align-items: center; font-size: 14px">
<van-checkbox v-model="checked">{{
$t("我已閱讀並同意")
}}</van-checkbox>
@@ -58,18 +31,16 @@
}}</span>
</div>
<div class="bottom_btns" :class="btnClass ? 'on' : 'off'">
- <van-button
- type="info"
- :disabled="!btnClass"
- class="butn"
- @click="gook"
- >{{ $t("立即注册") }}</van-button
- >
+ <van-button type="info" :disabled="!btnClass" class="butn" @click="gook">{{ $t("立即注册") }}</van-button>
- <div class="register" @click="$router.push('/login')">
+ <van-button type="info" class="butn_2" plain @click="$router.push('/login')">
+ {{ $t("已有賬號?") + $t("馬上登錄") }}
+ </van-button>
+
+ <!-- <div class="register" @click="$router.push('/login')">
{{ $t("已有賬號?")
}}<span style="color: #c4d600">{{ $t("馬上登錄") }}</span>
- </div>
+ </div> -->
</div>
</div>
</div>
@@ -170,33 +141,39 @@
<style scoped lang="less">
@green: #c4d600;
+
.register {
font-style: normal;
- font-weight: 400;
+ font-weight: 500;
font-size: 0.37333rem;
color: #8c9fad;
text-align: center;
margin: 20px auto;
// margin-top: 10px;
}
+
.radio-con {
margin-top: 0.32rem;
}
+
/deep/ .van-checkbox__icon--checked .van-icon {
background: @green;
border-color: @green;
}
+
/deep/ .van-checkbox__label {
font-style: normal;
- font-weight: 400;
+ font-weight: 500;
font-size: 0.37333rem;
line-height: 0.53333rem;
color: #8c9fad;
}
+
/deep/ .van-button__text {
font-size: 24px;
font-family: "DINPro";
}
+
.login_title {
font-family: "DINPro", serif;
font-style: normal;
@@ -206,6 +183,7 @@
color: #14181f;
margin-left: 0.53333rem;
}
+
.login_page {
position: relative;
width: 100%;
@@ -238,7 +216,7 @@
color: #000;
font-weight: 600 !important;
- > span {
+ >span {
font-weight: 600 !important;
}
}
@@ -268,7 +246,7 @@
// background: #1e1e1e;
border-radius: 0.3564rem;
- > input {
+ >input {
width: 100%;
height: 100%;
padding-left: 0.3564rem;
@@ -290,6 +268,7 @@
.bottom_btns {
width: 100%;
height: 3.3333rem;
+
// margin-top: 0.8528rem;
.butn {
width: 100%;
@@ -299,6 +278,17 @@
background-color: @green;
border-color: @green;
}
+
+ .butn_2 {
+ width: 100%;
+ margin-top: 40px;
+ height: 60px;
+ border-radius: 8px;
+ color: @green;
+ border-color: @green;
+ margin-top: .4rem;
+ }
+
.mes {
width: 100%;
height: 20%;
@@ -343,7 +333,7 @@
align-items: center;
justify-content: center;
- > span {
+ >span {
font-size: 0.3046rem;
color: #000;
background-color: #fff;
@@ -404,7 +394,7 @@
width: 3rem;
height: 3.5769rem;
- > img {
+ >img {
width: 100%;
height: 100%;
}
@@ -446,6 +436,7 @@
/deep/.el-input__clear {
font-size: 0.5rem !important;
}
+
/deep/ .el-input-group__prepend {
border: none !important;
border-radius: 0 !important;
--
Gitblit v1.9.3