From c46feb89edb62a764e46084e4a6a0e2e00cb5dfd Mon Sep 17 00:00:00 2001
From: qingyiay <2386314947@qq.com>
Date: 星期二, 29 八月 2023 09:32:33 +0800
Subject: [PATCH] 注册页面调整字体大小
---
pages/login/userPassword.vue | 238 ++++++++++++++++++++++++----------------------
pages/register/register.vue | 21 +++-
pages/login/index.scss | 6
3 files changed, 142 insertions(+), 123 deletions(-)
diff --git a/pages/login/index.scss b/pages/login/index.scss
index 03f77ad..57cb74e 100644
--- a/pages/login/index.scss
+++ b/pages/login/index.scss
@@ -4,12 +4,10 @@
justify-content: center;
background: url(../../static/custom/login/login-bg.png) no-repeat left top;
background-size: 100% auto;
-
}
-
.list {
- marigin-top:vww(20);
+ marigin-top: vww(20);
display: flex;
flex-direction: column;
padding: 40rpx 70rpx 40rpx 70rpx;
@@ -112,4 +110,4 @@
font-size: 42rpx;
color: #000;
padding: 40rpx 70rpx 10rpx;
-}
\ No newline at end of file
+}
diff --git a/pages/login/userPassword.vue b/pages/login/userPassword.vue
index 036390e..516ef25 100644
--- a/pages/login/userPassword.vue
+++ b/pages/login/userPassword.vue
@@ -2,144 +2,154 @@
<view>
<view class="list">
<view class="list-call">
- <u--input
- v-model="username"
+ <u--input v-model="username"
clearable
maxlength="32"
type="text"
placeholder="璇疯緭鍏ユ墜鏈哄彿"
prefixIcon="account"
- prefixIconStyle="font-size: 22px;color: #909399"
- ></u--input>
+ fontSize='40'
+ prefixIconStyle="font-size: 25px;color: #909399"></u--input>
</view>
<view class="list-call">
- <u--input
- v-model="password"
+ <u--input v-model="password"
clearable
maxlength="32"
type="password"
placeholder="璇疯緭鍏ュ瘑鐮�"
prefixIcon="lock"
- prefixIconStyle="font-size: 22px;color: #909399"
- ></u--input>
+ fontSize='40'
+ prefixIconStyle="font-size: 25px;color: #909399"></u--input>
</view>
</view>
- <view class="loginBtn"><u-button type="primary" :text="btnText == 1 ? '缁戝畾' : '鐧诲綍'" @click="submit()"></u-button></view>
+ <view class="loginBtn"><u-button type="primary"
+ :text="btnText == 1 ? '缁戝畾' : '鐧诲綍'"
+ @click="submit()"></u-button></view>
</view>
</template>
<script>
-import { apiLoginPassword } from '@/api/publicInterface.js';
-import { mapMutations } from 'vuex';
-import { setName, setToken, setRefreshToken, setUsernameKey, setCustomerId, redirectHome } from '@/utils/status.js';
-export default {
- name: 'userPassword',
- props: {
- //0:姝ｅ父锛�1锛氬井淇＄粦瀹�
- btnText: {
- type: Number,
- default: 0
- }
- },
- data() {
- return {
- username: '', // 瀹㈡埛
- // username:'13333333331',//璐т唬
- // username: '13333333332',// 鍙告満
- password: '',
- remember: true,
- baseUrl: ''
- };
- },
- methods: {
- ...mapMutations(['setUserTabbar']),
- //鐧诲綍
- async submit() {
- uni.showLoading({
- title: '鐧诲綍涓�...'
- });
- //琛ㄥ崟鏍￠獙
- if (this.username.length === 0) {
- this.$u.toast('璇疯緭鍏ヨ处鍙�');
- return;
+ import { apiLoginPassword } from '@/api/publicInterface.js';
+ import { mapMutations } from 'vuex';
+ import { setName, setToken, setRefreshToken, setUsernameKey, setCustomerId, redirectHome } from '@/utils/status.js';
+ export default {
+ name: 'userPassword',
+ props: {
+ //0:姝ｅ父锛�1锛氬井淇＄粦瀹�
+ btnText: {
+ type: Number,
+ default: 0
}
- if (this.password.length === 0) {
- this.$u.toast('璇疯緭鍏ュ瘑鐮�');
- return;
- }
- let grant_type = 'password';
- //鐧诲綍鎺ュ彛
- await apiLoginPassword({
- username: this.username,
- password: this.password,
- grant_type,
- scope: 'server'
- })
- .then(res => {
- setToken(res.access_token);
- setRefreshToken(res.refresh_token);
- if (this.btnText == 0) {
- if (res.code != 1) {
- // 鐧婚檰鎴愬姛锛屽瓨鍌ㄧ浉鍏充俊鎭�
- setToken(res.access_token);
- setRefreshToken(res.refresh_token);
- setUsernameKey(res.username);
- //鏌ヨ鐢ㄦ埛璇︾粏淇℃伅骞跺偍瀛�
- this.$reqGet('getUserEntity')
- .then(res => {
- this.$u.toast('鐧诲綍鎴愬姛');
- this.setUserTabbar(res.data.type);
- uni.setStorageSync('roleType', res.data.type);
- setCustomerId(res.data.customerid);
- setName(res.name);
- uni.hideLoading();
- //璺宠浆椤甸潰
- this.$nextTick(() => {
- redirectHome();
+ },
+ data() {
+ return {
+ username: '', // 瀹㈡埛
+ // username:'13333333331',//璐т唬
+ // username: '13333333332',// 鍙告満
+ password: '',
+ remember: true,
+ baseUrl: ''
+ };
+ },
+ methods: {
+ ...mapMutations(['setUserTabbar']),
+ //鐧诲綍
+ async submit() {
+ uni.showLoading({
+ title: '鐧诲綍涓�...'
+ });
+ //琛ㄥ崟鏍￠獙
+ if (this.username.length === 0) {
+ this.$u.toast('璇疯緭鍏ヨ处鍙�');
+ return;
+ }
+ if (this.password.length === 0) {
+ this.$u.toast('璇疯緭鍏ュ瘑鐮�');
+ return;
+ }
+ let grant_type = 'password';
+ //鐧诲綍鎺ュ彛
+ await apiLoginPassword({
+ username: this.username,
+ password: this.password,
+ grant_type,
+ scope: 'server'
+ })
+ .then(res => {
+ setToken(res.access_token);
+ setRefreshToken(res.refresh_token);
+ if (this.btnText == 0) {
+ if (res.code != 1) {
+ // 鐧婚檰鎴愬姛锛屽瓨鍌ㄧ浉鍏充俊鎭�
+ setToken(res.access_token);
+ setRefreshToken(res.refresh_token);
+ setUsernameKey(res.username);
+ //鏌ヨ鐢ㄦ埛璇︾粏淇℃伅骞跺偍瀛�
+ this.$reqGet('getUserEntity')
+ .then(res => {
+ this.$u.toast('鐧诲綍鎴愬姛');
+ this.setUserTabbar(res.data.type);
+ uni.setStorageSync('roleType', res.data.type);
+ setCustomerId(res.data.customerid);
+ setName(res.name);
+ uni.hideLoading();
+ //璺宠浆椤甸潰
+ this.$nextTick(() => {
+ redirectHome();
+ });
+ })
+ .catch(err => {
+ this.$u.toast('鐧诲綍寮傚父锛�');
+ console.log(err);
});
- })
- .catch(err => {
- this.$u.toast('鐧诲綍寮傚父锛�');
- console.log(err);
- });
- } else {
- uni.hideLoading();
- this.$u.toast(res.msg);
- }
- } else {
- uni.login({
- success: res => {
- if (res.code) {
- uni.setStorageSync('bindcode', res.code);
- }
- }
- });
- if (uni.getStorageSync('bindcode')) {
- this.$reqPost('wxBind', { state: 'MINI', code: uni.getStorageSync('bindcode') }, 'params').then(res => {
+ } else {
uni.hideLoading();
- if (res.code == 0) {
- this.$u.toast('缁戝畾鎴愬姛锛佸嵆灏嗗洖鍒扮櫥褰曢〉锛�');
- setTimeout(() => {
- uni.navigateBack();
- }, 1000);
- } else {
- this.$u.toast(res.msg ? res.msg : '缁戝畾澶辫触');
+ this.$u.toast(res.msg);
+ }
+ } else {
+ uni.login({
+ success: res => {
+ if (res.code) {
+ uni.setStorageSync('bindcode', res.code);
+ }
}
});
+ if (uni.getStorageSync('bindcode')) {
+ this.$reqPost('wxBind', { state: 'MINI', code: uni.getStorageSync('bindcode') },
+ 'params').then(res => {
+ uni.hideLoading();
+ if (res.code == 0) {
+ this.$u.toast('缁戝畾鎴愬姛锛佸嵆灏嗗洖鍒扮櫥褰曢〉锛�');
+ setTimeout(() => {
+ uni.navigateBack();
+ }, 1000);
+ } else {
+ this.$u.toast(res.msg ? res.msg : '缁戝畾澶辫触');
+ }
+ });
+ }
}
- }
- })
- .catch(e => {
- this.$u.toast(e);
- });
+ })
+ .catch(e => {
+ this.$u.toast(e);
+ });
+ }
}
- }
-};
+ };
</script>
-<style lang="scss">
-@import 'index.scss';
-.dengluBtn {
- margin-top: 80rpx;
-}
-</style>
+<style lang="scss"
+ scoped>
+ @import 'index.scss';
+
+ .dengluBtn {
+ margin-top: 80rpx;
+ }
+
+ /deep/.loginBtn {
+ .u-button {
+ font-size: 40rpx !important;
+ letter-spacing: 10rpx;
+ }
+ }
+</style>
\ No newline at end of file
diff --git a/pages/register/register.vue b/pages/register/register.vue
index 56c7113..bf29a95 100644
--- a/pages/register/register.vue
+++ b/pages/register/register.vue
@@ -3,8 +3,9 @@
<view class="registerForm">
<u--form :rules="rules"
:model="registerFormModel"
- ref="regesterFormRef">
- <u-form-item labelWidth="20%"
+ ref="regesterFormRef"
+ :labelStyle="labelStyle">
+ <u-form-item labelWidth="30%"
label="閫夋嫨韬唤"
borderBottom
ref="roleRef"
@@ -32,6 +33,7 @@
required>
<u--input v-model="registerFormModel.name"
placeholder="璇疯緭鍏ュ唴瀹�"
+ fontSize='40'
clearable></u--input>
</u-form-item>
<u-form-item prop="idCard"
@@ -41,6 +43,7 @@
required>
<u--input v-model="registerFormModel.idCard"
placeholder="璇疯緭鍏ュ唴瀹�"
+ fontSize='40'
clearable></u--input>
</u-form-item>
<u-form-item prop="phone"
@@ -49,6 +52,7 @@
borderBottom
required>
<u--input v-model="registerFormModel.phone"
+ fontSize='40'
placeholder="璇疯緭鍏ュ唴瀹�"
clearable></u--input>
</u-form-item>
@@ -59,16 +63,18 @@
required>
<u--input v-model="registerFormModel.password"
placeholder="璇疯緭鍏ュ唴瀹�"
+ fontSize='40'
password
clearable></u--input>
</u-form-item>
<u-form-item prop="confirmPassword"
label="纭瀵嗙爜"
- labelWidth="20%"
+ labelWidth="30%"
borderBottom
required>
<u--input v-model="registerFormModel.confirmPassword"
placeholder="璇疯緭鍏ュ唴瀹�"
+ fontSize='40'
password
clearable
@blur="jiaoYanPassword"></u--input>
@@ -81,9 +87,10 @@
required>
<u--input v-model="registerFormModel.carNo"
placeholder="璇疯緭鍏ュ唴瀹�"
+ fontSize='40'
clearable></u--input>
</u-form-item>
- <u-form-item labelWidth="20%"
+ <u-form-item labelWidth="30%"
label="杞︾墝棰滆壊"
borderBottom
v-if="radiovalue1 == '鍙告満'"
@@ -161,10 +168,11 @@
</u-upload>
</u-form-item>
<u-form-item label="鎺ㄨ崘浜鸿处鍙�"
- labelWidth="25%"
+ labelWidth="30%"
borderBottom>
<u--input v-model="registerFormModel.tuiJianMa"
placeholder="璇疯緭鍏ュ唴瀹�"
+ fontSize='40'
clearable></u--input>
</u-form-item>
</u--form>
@@ -219,6 +227,9 @@
},
data() {
return {
+ labelStyle: {
+ fontSize: '36rpx'
+ },
// 杞︾墝鍙烽敭鐩樻帶鍒�
carNumShow: false,
keyValue: '',
--
Gitblit v1.9.1