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

22
pages/login/login.vue
View File

@@ -1,22 +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">
<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" style="padding-left: 0;">
<view class="input flex" style="padding-left: 20rpx;padding-right: 20rpx;">
<input class="input" type="password" :value="data.password" placeholder="请输入密码" placeholder-class="input-empty"
maxlength="20" minlength="6" data-key="password" @input="inputChange" @confirm="toLogin" />
<text class="send-msg" @click="linkTo('/pages/login/forgetPwd')" style="flex-shrink: 0;">忘记密码</text>
@@ -222,11 +224,17 @@
}
.cu-form-group .input{
width: 100%!important;
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!important;
input{
height: 84rpx!important;
}
v-deep .uni-input-input{
height: 84rpx!important;
}
}
.flex{
display: flex;