Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
20岁爱吃必胜客
uni-app
提交
3332c43f
U
uni-app
项目概览
20岁爱吃必胜客
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
0
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,发现更多精彩内容 >>
未验证
提交
3332c43f
编写于
8月 04, 2019
作者:
W
wanganxp
提交者:
GitHub
8月 04, 2019
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update input.md
上级
77a7c313
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
17 addition
and
16 deletion
+17
-16
docs/component/input.md
docs/component/input.md
+17
-16
未找到文件。
docs/component/input.md
浏览文件 @
3332c43f
...
@@ -17,7 +17,7 @@
...
@@ -17,7 +17,7 @@
|cursor-spacing|Number|0|指定光标与键盘的距离,单位 px 。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离|微信小程序、百度小程序|
|cursor-spacing|Number|0|指定光标与键盘的距离,单位 px 。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离|微信小程序、百度小程序|
|focus|Boolean|false|获取焦点。在 H5 平台聚焦后软键盘是否跟随弹出,取决于当前浏览器本身的规范(策略)。||
|focus|Boolean|false|获取焦点。在 H5 平台聚焦后软键盘是否跟随弹出,取决于当前浏览器本身的规范(策略)。||
|confirm-type|String|done|设置键盘右下角按钮的文字,仅在 type="text" 时生效。||
|confirm-type|String|done|设置键盘右下角按钮的文字,仅在 type="text" 时生效。||
|confirm-hold|Boolean|false|点击键盘右下角按钮时是否保持键盘不收起|
5+
App、微信小程序、支付宝小程序、百度小程序|
|confirm-hold|Boolean|false|点击键盘右下角按钮时是否保持键盘不收起|App、微信小程序、支付宝小程序、百度小程序|
|cursor|Number||指定focus时的光标位置||
|cursor|Number||指定focus时的光标位置||
|selection-start|Number|-1|光标起始位置,自动聚集时有效,需与selection-end搭配使用||
|selection-start|Number|-1|光标起始位置,自动聚集时有效,需与selection-end搭配使用||
|selection-end|Number|-1|光标结束位置,自动聚集时有效,需与selection-start搭配使用||
|selection-end|Number|-1|光标结束位置,自动聚集时有效,需与selection-start搭配使用||
...
@@ -29,26 +29,26 @@
...
@@ -29,26 +29,26 @@
**Tips**
**Tips**
-
`input`
事件处理函数可以直接 return 一个字符串,将替换输入框的内容。仅微信小程序支持。
-
`input`
事件处理函数可以直接 return 一个字符串,将替换输入框的内容。仅微信小程序支持。
-
`input`
事件处理函数内实时修改当前值不生效,可以延迟设置,例如:
``setTimeout(() => { this.value = 100 }, 0)``
。
-
`input`
事件处理函数内实时修改当前值不生效,可以延迟设置,例如:
``setTimeout(() => { this.value = 100 }, 0)``
。
-
`input`
组件上有默认的
`min-height`
样式,如果
`min-height`
的值大于
`height`
的值那么
`height`
样式无效。
-
`input`
组件上有默认的
`min-height`
样式,如果
`min-height`
的值大于
`height`
的值那么
`height`
样式无效。
**type 有效值**
**type 有效值**
|值|说明|
|值|说明|
平台差异说明|
|:-|:-|
|:-|:-|
:-|
|text|文本输入键盘|
|text|文本输入键盘|
|
|number|数字输入键盘|
|number|数字输入键盘|
注意iOS的vue页面弹出的数字键盘并非9宫格方式|
|idcard|身份证输入键盘|
|idcard|身份证输入键盘|
微信、支付宝、百度、QQ小程序|
|digit|带小数点的数字键盘|
|digit|带小数点的数字键盘|
App的nvue页面、微信、支付宝、百度、头条、QQ小程序|
**注意事项**
**注意事项**
-
小程序平台,
`number`
类型只支持输入整型数字。微信开发者工具上体现不出效果,请使用真机预览。
-
小程序平台,
`number`
类型只支持输入整型数字。微信开发者工具上体现不出效果,请使用真机预览。
-
如果需要在小程序平台输入浮点型数字,请使用
`digit`
类型。
-
如果需要在小程序平台输入浮点型数字,请使用
`digit`
类型。
-
input组件若不想弹出软键盘,可设置为disable
-
input组件若不想弹出软键盘,可设置为disable
-
App
平台的弹出键盘使用的是系统默认键盘,效果不一定和小程序一致
。
-
App
平台的vue页面及 H5平台 的弹出键盘使用的是浏览器控制的键盘,丰富程度略低。可通过插件市场补足
。
-
[
uni-app插件市场
](
https://ext.dcloud.net.cn/
)
有各种类型的模拟键盘,比如车牌键盘,以及封装好的搜索框ui组件,可去插件市场搜索
[
键盘
](
https://ext.dcloud.net.cn/search?q=%E9%94%AE%E7%9B%98
)
。
-
[
uni-app插件市场
](
https://ext.dcloud.net.cn/
)
有各种类型的模拟键盘,比如车牌键盘
、身份证键盘
,以及封装好的搜索框ui组件,可去插件市场搜索
[
键盘
](
https://ext.dcloud.net.cn/search?q=%E9%94%AE%E7%9B%98
)
。
-
[
uni-app插件市场
](
https://ext.dcloud.net.cn/
)
有输入文字后自动提示候选的组件,可搜索
[
autocomplete
](
https://ext.dcloud.net.cn/search?q=autocomplete
)
查看。
-
[
uni-app插件市场
](
https://ext.dcloud.net.cn/
)
有输入文字后自动提示候选的组件,可搜索
[
autocomplete
](
https://ext.dcloud.net.cn/search?q=autocomplete
)
查看。
**confirm-type 有效值**
**confirm-type 有效值**
...
@@ -56,13 +56,13 @@
...
@@ -56,13 +56,13 @@
|值|说明|平台差异说明|
|值|说明|平台差异说明|
|:-|:-|-|
|:-|:-|-|
|send|右下角按钮为“发送”|微信、支付宝、百度小程序|
|send|右下角按钮为“发送”|微信、支付宝、百度小程序
、App的nvue
|
|search|右下角按钮为“搜索”||
|search|右下角按钮为“搜索”||
|next|右下角按钮为“下一个”|微信、支付宝、百度小程序|
|next|右下角按钮为“下一个”|微信、支付宝、百度小程序
、App的nvue
|
|go|右下角按钮为“前往”||
|go|右下角按钮为“前往”||
|done|右下角按钮为“完成”|微信、支付宝、百度小程序|
|done|右下角按钮为“完成”|微信、支付宝、百度小程序
、App的nvue
|
App平台
,在nvue页面,通过weex的api,可以设置键盘右下角按钮为 发送、下一个、前往、完成。
[
详见
](
https://weex.apache.org/zh/docs/components/input.html#%E5%B1%9E%E6%80%A7
)
App平台
的nvue页面,如果是uni-app编译模式,直接使用此属性设置即可生效。如果是weex编译模式,需通过weex的api设置,
[
weex相关文档参考
](
https://weex.apache.org/zh/docs/components/input.html#%E5%B1%9E%E6%80%A7
)
#### App平台iOS端软键盘上方横条去除方案
#### App平台iOS端软键盘上方横条去除方案
...
@@ -95,6 +95,7 @@ this.$mp.page.$getAppWebview().setStyle({
...
@@ -95,6 +95,7 @@ this.$mp.page.$getAppWebview().setStyle({
})
})
```
```
如果是nvue页面,默认就没有键盘上方的横条,无需任何设置。
#### 关于软键盘弹出的逻辑说明
#### 关于软键盘弹出的逻辑说明
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录