Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
一个会的不多的人
uni-starter
提交
55ff88a9
U
uni-starter
项目概览
一个会的不多的人
/
uni-starter
与 Fork 源项目一致
Fork自
DCloud / uni-starter
通知
1
Star
1
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,发现更多精彩内容 >>
提交
55ff88a9
编写于
4月 07, 2021
作者:
芊
芊里
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
页面样式调整完成
上级
e992ae53
变更
5
隐藏空白更改
内联
并排
Showing
5 changed file
with
220 addition
and
242 deletion
+220
-242
uni_modules/uni-login-page/common/loginPage.css
uni_modules/uni-login-page/common/loginPage.css
+123
-0
uni_modules/uni-login-page/components/login-ikonw/login-ikonw.vue
...les/uni-login-page/components/login-ikonw/login-ikonw.vue
+1
-1
uni_modules/uni-login-page/pages/index/index.vue
uni_modules/uni-login-page/pages/index/index.vue
+1
-115
uni_modules/uni-login-page/pages/index/pwd-login.vue
uni_modules/uni-login-page/pages/index/pwd-login.vue
+1
-126
uni_modules/uni-login-page/pages/index/pwd-retrieve.vue
uni_modules/uni-login-page/pages/index/pwd-retrieve.vue
+94
-0
未找到文件。
uni_modules/uni-login-page/common/loginPage.css
0 → 100644
浏览文件 @
55ff88a9
/* #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
;
}
.hidden
,
page
{
background-color
:
transparent
;
}
.login-iknow
{
padding-top
:
24
rpx
;
padding-bottom
:
48
rpx
;
}
.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
;
}
.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
;
}
uni_modules/uni-login-page/components/login-ikonw/login-ikonw.vue
浏览文件 @
55ff88a9
...
...
@@ -19,7 +19,7 @@
},
link
:
{
type
:
Array
,
default
:
[]
default
:
()
=>
[]
}
},
data
()
{
...
...
uni_modules/uni-login-page/pages/index/index.vue
浏览文件 @
55ff88a9
...
...
@@ -87,121 +87,7 @@
</
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
;
}
.hidden
,
page
{
background-color
:
transparent
;
}
.login-iknow
{
padding-top
:
24
rpx
;
padding-bottom
:
48
rpx
;
}
.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
;
}
.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
;
}
/* 首页独有 */
@import
url("../../common/loginPage.css")
;
.content-top-title
{
text-align
:
center
;
}
...
...
uni_modules/uni-login-page/pages/index/pwd-login.vue
浏览文件 @
55ff88a9
...
...
@@ -94,132 +94,7 @@
</
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
;
}
.login-iknow
{
padding-top
:
24
rpx
;
padding-bottom
:
36
rpx
;
}
.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
;
}
/* 密码登录 */
@import
url("../../common/loginPage.css")
;
.phone-input-box
{
margin-top
:
20
rpx
;
}
...
...
uni_modules/uni-login-page/pages/index/pwd-retrieve.
n
vue
→
uni_modules/uni-login-page/pages/index/pwd-retrieve.vue
浏览文件 @
55ff88a9
<
template
>
<view class="
flex flex-column flex-1 w-750 bg-white
">
<view class="
flex-1 flex flex-column justify-start align-center
">
<view class="
w-630 flex flex-column
">
<view
class=
"
wrap
"
>
<view
class=
"
wrap-content
"
>
<view
class=
"
content
"
>
<!-- 顶部文字 -->
<text class="
font-32 font-blod pt-5
">手机号密码登录</text>
<login-ikonw class="l
gn
in-iknow" :text="tipText"></login-ikonw>
<text
class=
"
content-top-title
"
>
手机号密码登录
</text>
<login-ikonw
class=
"l
og
in-iknow"
:text=
"tipText"
></login-ikonw>
<!-- 登录框 (选择手机号所属国家和地区需要另行实现) -->
<view class="phone-input-box
round flex flex-row flex-nowrap align-center justify-center
">
<input type="number" :maxlength="6" class="
flex-1 phone-input px-2 font-30
" placeholder="请输入验证码"
<view
class=
"phone-input-box"
>
<input
type=
"number"
:maxlength=
"6"
class=
"
phone-input
"
placeholder=
"请输入验证码"
v-model=
"phoneCode"
/>
<login-short-code
@
getCode=
"getCode"
></login-short-code>
</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
"
placeholder=
"请输入密码"
v-model=
"password"
/>
</view>
<!-- 发送按钮 -->
<view class="send-btn-box
flex w-630 justify-center align-center round mt-5
" hover-class="hover"
@click="
pwdLogin
" :class="canSubmit?'send-btn-active':''">
<text class="
text-white
">完成</text>
<view
class=
"send-btn-box"
hover-class=
"hover"
@
click=
"
submit
"
:class=
"canSubmit?'send-btn-active':''"
>
<text
class=
"
send-btn-text
"
>
完成
</text>
</view>
</view>
</view>
...
...
@@ -69,42 +69,26 @@
});
// 发送成功后开启倒计时
done
();
},
/**
* 完成并提交
*/
submit
(){
}
}
}
</
script
>
<style>
@import url("../../common/myStyle.css");
.lgnin-iknow {
padding-top: 24rpx;
padding-bottom: 36rpx;
}
.phone-input-box {
height: 85rpx;
background-color: #f9f9f9;
}
.phone-input {}
.tip-text {
padding-top: 20rpx;
padding-bottom: 36rpx;
}
.send-btn-box {
height: 85rpx;
background-color: #d8d8da;
margin-bottom: 50rpx;
}
.send-btn-active {
background-color: #007aff;
}
.login-text {
color: #1c436e;
<
style
>
@import
url("../../common/loginPage.css")
;
.phone-input-box
{
margin-top
:
20
rpx
;
}
.phone-input
{
border-left-width
:
0
;
}
.send-btn-box
{
margin-top
:
50
rpx
;
}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录