Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
zchazc
uni-starter
提交
e992ae53
U
uni-starter
项目概览
zchazc
/
uni-starter
与 Fork 源项目一致
Fork自
DCloud / uni-starter
通知
3
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-starter
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
e992ae53
编写于
4月 07, 2021
作者:
芊
芊里
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
密码登录样式调整
上级
e0b60a46
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
112 addition
and
50 deletion
+112
-50
uni_modules/uni-login-page/pages/index/pwd-login.vue
uni_modules/uni-login-page/pages/index/pwd-login.vue
+112
-50
未找到文件。
uni_modules/uni-login-page/pages/index/pwd-login.vue
浏览文件 @
e992ae53
...
...
@@ -6,31 +6,30 @@
<text
class=
"content-top-title"
>
手机号密码登录
</text>
<!-- 登录框 (选择手机号所属国家和地区需要另行实现) -->
<view
class=
"phone-input-box
round flex flex-row flex-nowrap align-center justify-center mt-5
"
>
<view
class=
"phone-input-box"
>
<picker
mode=
"selector"
:range=
"phoneArea"
@
change=
"selectPhoneArea"
>
<text
class=
"p
x-2 font-30
"
>
{{
currenPhoneArea
}}
</text>
<text
class=
"p
hone-area
"
>
{{
currenPhoneArea
}}
</text>
</picker>
<input
type=
"number"
class=
"flex-1 phone-input px-2 font-30"
placeholder=
"请输入手机号"
v-model=
"phoneNumber"
/>
<input
type=
"number"
class=
"phone-input"
placeholder=
"请输入手机号"
maxlength=
"11"
v-model=
"phoneNumber"
/>
</view>
<view
class=
"phone-input-box
round flex flex-row flex-nowrap align-center justify-center mt-2
"
>
<input
type=
"password"
:password=
"true"
class=
"
flex-1 px-2 font-30
"
placeholder=
"请输入密码"
<view
class=
"phone-input-box"
>
<input
type=
"password"
:password=
"true"
class=
"
phone-input pwd-input
"
placeholder=
"请输入密码"
v-model=
"password"
/>
</view>
<login-ikonw
class=
"l
gn
in-iknow"
:link=
"link"
text=
"登录即表示同意用户协议和隐私政策"
></login-ikonw>
<login-ikonw
class=
"l
og
in-iknow"
:link=
"link"
text=
"登录即表示同意用户协议和隐私政策"
></login-ikonw>
<!-- 发送按钮 -->
<view
class=
"send-btn-box
flex w-630 justify-center align-center round
"
hover-class=
"hover"
<view
class=
"send-btn-box"
hover-class=
"hover"
@
click=
"pwdLogin"
:class=
"canLogin?'send-btn-active':''"
>
<text
class=
"
text-white
"
>
登录
</text>
<text
class=
"
send-btn-text
"
>
登录
</text>
</view>
<!-- 忘记密码 -->
<view
class=
"
flex flex-row flex-nowrap
"
>
<text
class=
"
font-26
text-sub"
>
忘记了?
</text>
<text
class=
"
font-26
login-text"
@
click=
"toRetrievePwd"
>
找回密码
</text>
<view
class=
"
auth-box
"
>
<text
class=
"
login-text login-
text-sub"
>
忘记了?
</text>
<text
class=
"login-text"
@
click=
"toRetrievePwd"
>
找回密码
</text>
</view>
</view>
</view>
...
...
@@ -95,46 +94,50 @@
</
script
>
<
style
>
/* #ifndef APP-NVUE */
page
{
display
:
flex
;
flex-direction
:
column
;
flex
:
1
;
height
:
100%
;
}
/* #endif */
.wrap
{
/* #ifndef APP-NVUE */
display
:
flex
;
/* #endif */
flex-direction
:
column
;
flex
:
1
;
width
:
750
rpx
;
background-color
:
#fff
;
}
.wrap-content
{
/* #ifndef APP-NVUE */
display
:
flex
;
/* #endif */
flex
:
1
;
flex-direction
:
column
;
justify-content
:
flex-start
;
align-items
:
center
;
}
.content
{
/* #ifndef APP-NVUE */
display
:
flex
;
/* #endif */
width
:
630
rpx
;
flex-direction
:
column
;
}
.content-top-title
{
font-size
:
32
rpx
;
font-weight
:
600
;
padding-top
:
50
rpx
;
/* #ifndef APP-NVUE */
page
{
display
:
flex
;
flex-direction
:
column
;
flex
:
1
;
height
:
100%
;
}
/* #endif */
.wrap
{
/* #ifndef APP-NVUE */
display
:
flex
;
/* #endif */
flex-direction
:
column
;
flex
:
1
;
width
:
750
rpx
;
background-color
:
#fff
;
}
.lgnin-iknow
{
.wrap-content
{
/* #ifndef APP-NVUE */
display
:
flex
;
/* #endif */
flex
:
1
;
flex-direction
:
column
;
justify-content
:
flex-start
;
align-items
:
center
;
}
.content
{
/* #ifndef APP-NVUE */
display
:
flex
;
/* #endif */
width
:
630
rpx
;
flex-direction
:
column
;
}
.content-top-title
{
font-size
:
32
rpx
;
font-weight
:
600
;
padding-top
:
50
rpx
;
}
.login-iknow
{
padding-top
:
24
rpx
;
padding-bottom
:
36
rpx
;
}
...
...
@@ -142,29 +145,88 @@
.phone-input-box
{
height
:
85
rpx
;
background-color
:
#f9f9f9
;
border-radius
:
6
rpx
;
flex-direction
:
row
;
flex-wrap
:
nowrap
;
align-items
:
center
;
justify-content
:
center
;
}
.phone-area
{
padding
:
0
20
rpx
;
font-size
:
30
rpx
;
}
.phone-input
{
flex
:
1
;
border-left-width
:
1px
;
border-left-color
:
#d7d9d8
;
padding
:
0
20
rpx
;
font-size
:
30
rpx
;
}
.pwd-input
{
border-left-width
:
0px
;
}
.tip-text
{
padding-top
:
20
rpx
;
padding-bottom
:
36
rpx
;
color
:
#8a8f8b
;
font-size
:
26
rpx
;
}
.send-btn-box
{
height
:
85
rpx
;
background-color
:
#d8d8da
;
margin-bottom
:
50
rpx
;
/* #ifndef APP-NVUE */
display
:
flex
;
/* #endif */
flex-direction
:
column
;
width
:
630
rpx
;
justify-content
:
center
;
align-items
:
center
;
border-radius
:
6
rpx
;
}
.send-btn-text
{
color
:
#fff
;
}
.send-btn-active
{
background-color
:
#007aff
;
}
.auth-box
{
width
:
630
rpx
;
/* #ifndef APP-NVUE */
display
:
flex
;
/* #endif */
flex-direction
:
row
;
align-items
:
center
;
justify-content
:
space-between
;
}
.login-text
{
color
:
#1c436e
;
font-size
:
26
rpx
;
}
.hover
{
opacity
:
0.8
;
}
/* 密码登录 */
.phone-input-box
{
margin-top
:
20
rpx
;
}
.auth-box
{
justify-content
:
flex-start
;
}
.login-text-sub
{
color
:
#8a8f8b
;
}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录