czg_team/new_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

登录相关界面优化

Browse Source
This commit is contained in:
GaoHao
2025-01-17 10:00:19 +08:00
parent 899680b0c5
commit e8cb4f83ed
5 changed files with 71 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
pages/login/register.vue
View File

@@ -1,21 +1,24 @@
<template>
<view class="container">
<view class="nav" style="width: 100%;height: 96rpx;"></view>
<view class="bg" >
<image src="../../static/default/i_bg.png" style="width: 100%;height:100%" mode="aspectFill"></image>
</view>
<view class="wrapper u-relative" style="padding-top: 48rpx;box-sizing: border-box;">
<view class="nav" style="width: 100%;height: 96rpx;"></view>
<view class="input-content">
<view style="font-size: 58rpx;font-weight: bold;color: #333;margin-bottom: 48rpx;">注册</view>
<view class="cu-form-group">
<view class="title">手机号</view>
<input class="input" type="number" :value="data.mobile" placeholder="请输入手机号" maxlength="11" data-key="mobile"
@input="inputChange" />
<view class="input" style="padding-left: 20rpx;">
<input class="input" type="number" :value="data.mobile" placeholder="请输入手机号" maxlength="11" data-key="mobile"
@input="inputChange" />
</view>
</view>
<view class="cu-form-group">
<text class="title">验证码</text>
<view class="input flex">
<view class="input flex" style="padding-left: 20rpx;padding-right: 20rpx;">
<input type="number" :value="data.code" placeholder="请输入验证码" maxlength="6" data-key="code"
@input="inputChange" @confirm="toRegister" />
<button class="send-msg" @click="sendMsg" :disabled="data.sending">{{ data.sendTime }}</button>
@@ -24,8 +27,11 @@
<view class="cu-form-group">
<text class="title">设置密码</text>
<input class="input" type="password" :value="data.password" placeholder="请设置新密码" placeholder-class="input-empty"
maxlength="20" minlength="6" data-key="password" @input="inputChange" @confirm="toRegister" />
<view class="input" style="padding-left: 20rpx;">
<input class="input" type="password" :value="data.password" placeholder="请设置新密码" placeholder-class="input-empty"
maxlength="20" minlength="6" data-key="password" @input="inputChange" @confirm="toRegister" />
</view>
</view>
<button class="confirm-btn" @click="toRegister">注册</button>
<button class="confirm-btn" @click="toLogin">登录</button>
@@ -270,7 +276,7 @@
</script>
<style lang="scss" >
<style lang="scss" scoped>
page {
background: #ffffff;
}
@@ -299,10 +305,7 @@
font-weight: 400;
font-size: 24rpx;
color: #333333;
position: absolute;
left: 0;
right: 0;
bottom: 178rpx;
margin-top: 50rpx;
}
.cuIcon::before{
@@ -324,12 +327,15 @@
color: #EC6F48;
border: none;
background-color: transparent;
margin: 0;
padding: 0;
}
.send-msg::after{
border: none;
background-color: transparent;
}
.container {
position: relative;
width: 100%;
@@ -363,14 +369,20 @@
}
.input{
width: 100%;
height: 84rpx;
line-height: 84rpx;
// height: 84rpx;
// line-height: 84rpx;
background-color: #fff;
align-items: center;
padding: 22rpx 32rpx 22rpx 24rpx;
// padding: 22rpx 32rpx 22rpx 24rpx;
display: flex;
align-items: center;
justify-content: space-between;
input{
height: 84rpx!important;
}
v-deep .uni-input-input{
height: 84rpx!important;
}
}
}