Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
小浣熊撸代码
uni-app
提交
99502c01
U
uni-app
项目概览
小浣熊撸代码
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
99502c01
编写于
1月 11, 2021
作者:
W
wanganxp
提交者:
GitHub
1月 11, 2021
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update picker.md
上级
3c2b5832
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
11 addition
and
1 deletion
+11
-1
docs/component/picker.md
docs/component/picker.md
+11
-1
未找到文件。
docs/component/picker.md
浏览文件 @
99502c01
...
...
@@ -234,4 +234,14 @@ export default {
**注意**
-
在picker内容还在滚动时或滚动回弹动画还未结束时,点确定关闭弹出的picker,数据无法及时更新。需等待一下,或手动触停滚动再点确定。所有平台均如此
-
如果需要在PC端使用
`picker`
,需注意pc端没有touchmove事件,可以配置
[
H5模版
](
https://uniapp.dcloud.io/collocation/manifest?id=h5-template
)
,并引入
[
touch-emulator.js
](
https://github.com/dcloudio/touchemulator
)
来解决。hello uni-app的pc版也是使用了这个方案。
**扩展**
-
uni ui提供了增强版
`<uni-data-picker>`
组件,详见:
[
https://ext.dcloud.net.cn/plugin?id=3796
](
https://ext.dcloud.net.cn/plugin?id=3796
)
-
该组件优势如下:
*
符合
[
datacom
](
/component/datacom
)
规范,只需传入data,就可以自动生成界面
*
符合
[
uni-forms
](
https://ext.dcloud.net.cn/plugin?id=2773
)
,表单校验规范
*
突破多列picker的3列限制,可以承载更多列数据
*
选择区域面积更高更大
*
支持多列数据分级加载,比如省市区选择,先选择省,然后动态联网加载该省的市。
*
uniCloud自带了
[
opendb
](
https://gitee.com/dcloud/opendb
)
表,
[
opendb-city-china
](
https://gitee.com/dcloud/opendb/tree/master/collection/opendb-city-china
)
,包括全国的省市区数据。在
`<uni-data-picker>`
组件上可直接绑定该数据,生成全端可用的、联网懒加载的省市区选择。
*
unicloud数据库提供了
[
DB Schema
](
https://uniapp.dcloud.io/uniCloud/schema
)
,还提供了
[
schema2code
](
https://uniapp.dcloud.net.cn/uniCloud/schema?id=autocode
)
自动生成全套表单页面,包括界面、校验逻辑、提交入库。在schema中配置字段的格式,比如在用户地址表
[
uni-id-address
](
https://gitee.com/dcloud/opendb/tree/master/collection/uni-id-address
)
的字段
`area_code`
配置值域指向
[
opendb-city-china
](
https://gitee.com/dcloud/opendb/tree/master/collection/opendb-city-china
)
表,即可自动生成该用户地址的生成页面
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录