Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
xtdx1215
uni-starter
提交
153278ff
U
uni-starter
项目概览
xtdx1215
/
uni-starter
与 Fork 源项目一致
Fork自
DCloud / uni-starter
通知
4
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,发现更多精彩内容 >>
提交
153278ff
编写于
4月 21, 2021
作者:
芊
芊里
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
添加注册页面
上级
dc95d40c
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
233 addition
and
0 deletion
+233
-0
pages.json
pages.json
+9
-0
uni_modules/uni-login-page/js_sdk/validator/uni-id-users.js
uni_modules/uni-login-page/js_sdk/validator/uni-id-users.js
+72
-0
uni_modules/uni-login-page/pages/register/register.vue
uni_modules/uni-login-page/pages/register/register.vue
+152
-0
未找到文件。
pages.json
浏览文件 @
153278ff
...
...
@@ -192,6 +192,15 @@
}
}
,{
"path"
:
"uni_modules/uni-login-page/pages/register/register"
,
"style"
:
{
"navigationBarTitleText"
:
""
,
"enablePullDownRefresh"
:
false
}
}
],
"globalStyle"
:
{
"navigationBarTextStyle"
:
"black"
,
...
...
uni_modules/uni-login-page/js_sdk/validator/uni-id-users.js
0 → 100644
浏览文件 @
153278ff
// 表单校验规则由 schema2code 生成,不建议直接修改校验规则,而建议通过 schema2code 生成, 详情: https://uniapp.dcloud.net.cn/uniCloud/schema
const
validator
=
{
"
gender
"
:
{
"
rules
"
:
[{
"
format
"
:
"
int
"
},
{
"
range
"
:
[{
"
text
"
:
"
未知
"
,
"
value
"
:
0
},
{
"
text
"
:
"
男
"
,
"
value
"
:
1
},
{
"
text
"
:
"
女
"
,
"
value
"
:
2
}
]
}
],
"
defaultValue
"
:
0
,
"
label
"
:
"
性别
"
},
"
username
"
:
{
"
rules
"
:
[{
required
:
true
,
errorMessage
:
'
请输入用户名
'
,
},
{
minLength
:
3
,
maxLength
:
10
,
errorMessage
:
'
用户名长度在 {minLength} 到 {maxLength} 个字符
'
,
}
],
"
label
"
:
"
用户名
"
},
"
nickname
"
:
{
"
rules
"
:
[{
required
:
true
,
errorMessage
:
'
请输入昵称
'
,
},
{
minLength
:
3
,
maxLength
:
10
,
errorMessage
:
'
昵称长度在 {minLength} 到 {maxLength} 个字符
'
,
}
],
"
label
"
:
"
昵称
"
}
}
const
enumConverter
=
{
"
gender_valuetotext
"
:
{
"
0
"
:
"
未知
"
,
"
1
"
:
"
男
"
,
"
2
"
:
"
女
"
}
}
export
{
validator
,
enumConverter
}
uni_modules/uni-login-page/pages/register/register.vue
0 → 100644
浏览文件 @
153278ff
<
template
>
<view
class=
"uni-container"
>
<uni-forms
ref=
"form"
:value=
"formData"
:rules=
"rules"
validate-trigger=
"submit"
err-show-type=
"toast"
>
<uni-forms-item
name=
"username"
label=
"用户名"
required
>
<uni-easyinput
placeholder=
"请输入用户名"
v-model=
"formData.username"
trim=
"both"
/>
</uni-forms-item>
<uni-forms-item
name=
"gender"
label=
"性别"
required
>
<uni-data-checkbox
v-model=
"formData.gender"
:localdata=
"formOptions.gender_localdata"
/>
</uni-forms-item>
<uni-forms-item
name=
"nickname"
label=
"昵称"
required
>
<uni-easyinput
placeholder=
"请输入用户昵称"
v-model=
"formData.nickname"
trim=
"both"
/>
</uni-forms-item>
<view
class=
"uni-button-group"
>
<button
type=
"primary"
class=
"uni-button"
@
click=
"submit"
>
注册
</button>
</view>
</uni-forms>
</view>
</
template
>
<
script
>
import
{
validator
}
from
'
../../js_sdk/validator/uni-id-users.js
'
;
const
db
=
uniCloud
.
database
();
const
dbCollectionName
=
'
uni-id-users
'
;
function
getValidator
(
fields
)
{
let
reuslt
=
{}
for
(
let
key
in
validator
)
{
if
(
fields
.
indexOf
(
key
)
>
-
1
)
{
reuslt
[
key
]
=
validator
[
key
]
}
}
return
reuslt
}
export
default
{
data
()
{
return
{
formData
:
{
"
username
"
:
""
,
"
gender
"
:
0
,
"
nickname
"
:
""
},
formOptions
:
{
"
gender_localdata
"
:
[{
"
text
"
:
"
未知
"
,
"
value
"
:
0
},
{
"
text
"
:
"
男
"
,
"
value
"
:
1
},
{
"
text
"
:
"
女
"
,
"
value
"
:
2
}
]
},
rules
:
{
...
getValidator
([
"
username
"
,
"
gender
"
,
"
nickname
"
])
}
}
},
onReady
()
{
this
.
$refs
.
form
.
setRules
(
this
.
rules
)
},
methods
:
{
/**
* 触发表单提交
*/
submit
()
{
uni
.
showLoading
({
mask
:
true
})
this
.
$refs
.
form
.
submit
().
then
((
res
)
=>
{
console
.
log
(
res
);
this
.
submitForm
(
res
)
}).
catch
((
errors
)
=>
{
console
.
log
(
errors
);
})
.
finally
(()
=>
{
uni
.
hideLoading
()
})
},
submitForm
(
value
)
{
}
}
}
</
script
>
<
style
>
.uni-container
{
padding
:
15px
;
}
.uni-input-border
,
.uni-textarea-border
{
width
:
100%
;
font-size
:
14px
;
color
:
#666
;
border
:
1px
#e5e5e5
solid
;
border-radius
:
5px
;
box-sizing
:
border-box
;
}
.uni-input-border
{
padding
:
0
10px
;
height
:
35px
;
}
.uni-textarea-border
{
padding
:
10px
;
height
:
80px
;
}
.uni-button-group
{
margin-top
:
50px
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
}
.uni-button
{
width
:
184px
;
padding
:
12px
20px
;
font-size
:
14px
;
border-radius
:
4px
;
line-height
:
1
;
margin
:
0
;
}
.avatar-box
{
width
:
700
rpx
;
height
:
200
rpx
;
/* #ifndef APP-NVUE */
display
:
flex
;
/* #endif */
justify-content
:
center
;
align-items
:
center
;
}
.avatar-img
{
width
:
150
rpx
;
height
:
150
rpx
;
border-radius
:
75
rpx
;
border
:
#F8F8F8
solid
3px
;
}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录