提交 cb9c4d4c 编写于 作者: Q qiang

Merge branch 'master' into dev

...@@ -33,8 +33,8 @@ uni-app已经有几十万开发者,创建了几十万个项目,是开发者 ...@@ -33,8 +33,8 @@ uni-app已经有几十万开发者,创建了几十万个项目,是开发者
</a> </a>
</div> </div>
### 第三方开发者案例 ### 第三方开发者案例
<a href="https://media.kunming-railway.cn/" target="_blank" class="clear-style"><b>CSDN:</b></a> 专业 IT 技术社区,致力于为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务。 <a href="https://media.kunming-railway.cn/" target="_blank" class="clear-style"><b>CSDN:</b></a> 专业 IT 技术社区,致力于为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务。
<div style="display:flex;justify-content: space-around;"> <div style="display:flex;justify-content: space-around;">
<a href="javascript:;" target="_blank" class="clear-style barcode-view"> <a href="javascript:;" target="_blank" class="clear-style barcode-view">
...@@ -42,24 +42,24 @@ uni-app已经有几十万开发者,创建了几十万个项目,是开发者 ...@@ -42,24 +42,24 @@ uni-app已经有几十万开发者,创建了几十万个项目,是开发者
<span style="margin-top:15px;">微信小程序码</span> <span style="margin-top:15px;">微信小程序码</span>
</a> </a>
</div> </div>
<a href="https://media.kunming-railway.cn/" target="_blank" class="clear-style"><b>开源中国:</b></a> 开源中国社区百度小程序,提供最新的开源软件咨询 <a href="https://media.kunming-railway.cn/" target="_blank" class="clear-style"><b>开源中国:</b></a> 开源中国(oschina)百度小程序,提供最新的开源软件资讯
<div style="display:flex;justify-content: space-around;"> <div style="display:flex;justify-content: space-around;">
<a href="javascript:;" target="_blank" class="clear-style barcode-view"> <a href="javascript:;" target="_blank" class="clear-style barcode-view">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/onchina.png" width="200"/> <img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/onchina.png" width="200"/>
<span style="margin-top:15px;">百度小程序码</span> <span style="margin-top:15px;">百度小程序码</span>
</a> </a>
</div> </div>
<a href="https://media.kunming-railway.cn/" target="_blank" class="clear-style"><b>昆铁+:</b></a>中国铁路昆明局官方应用。同时支持iOS、Android和微信小程序。微信中搜索“昆铁+”体验小程序。 <a href="https://media.kunming-railway.cn/" target="_blank" class="clear-style"><b>昆铁+:</b></a>中国铁路昆明局官方应用。同时支持iOS、Android和微信小程序。
<div style="display:flex;justify-content: space-around;"> <div style="display:flex;justify-content: space-around;">
<a href="https://media.kunming-railway.cn/" target="_blank" class="clear-style barcode-view"> <a href="https://media.kunming-railway.cn/" target="_blank" class="clear-style barcode-view">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/kuntie.jpg" width="200"/> <img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/kuntie.jpg" width="200"/>
<span style="margin-top:15px;">App码</span> <span style="margin-top:15px;">App码</span>
</a> </a>
<a href="javascript:;" target="_blank" class="clear-style barcode-view"> <a href="javascript:;" target="_blank" class="clear-style barcode-view">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/wxkt.jpg" width="200"/> <img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/wxkt.jpg" width="200"/>
<span style="margin-top:15px;">微信小程序码</span> <span style="margin-top:15px;">微信小程序码</span>
</a> </a>
</div> </div>
...@@ -268,8 +268,6 @@ uni-app已经有几十万开发者,创建了几十万个项目,是开发者 ...@@ -268,8 +268,6 @@ uni-app已经有几十万开发者,创建了几十万个项目,是开发者
**云省购:**导购App,集淘宝、天猫、京东等电商购物平台的优惠信息,让用户花更少的钱买同样的商品。[Android及H5](http://m3w.cn/yunshenggou) **云省购:**导购App,集淘宝、天猫、京东等电商购物平台的优惠信息,让用户花更少的钱买同样的商品。[Android及H5](http://m3w.cn/yunshenggou)
<!-- **兜省:**帮助用户省钱,各种优惠,[Android](https://android.myapp.com/myapp/detail.htm?apkName=com.kz.code)。 -->
**乖保保:**保险代理人力荐的必备工具,[Android](https://android.myapp.com/myapp/detail.htm?apkName=io.dcloud.UNI31345E7&tdsourcetag=s_pctim_aiomsg)[iOS](https://itunes.apple.com/cn/app/%E4%B9%96%E4%BF%9D%E4%BF%9D/id1440943331?mt=8)、微信小程序搜索“乖保保”。 **乖保保:**保险代理人力荐的必备工具,[Android](https://android.myapp.com/myapp/detail.htm?apkName=io.dcloud.UNI31345E7&tdsourcetag=s_pctim_aiomsg)[iOS](https://itunes.apple.com/cn/app/%E4%B9%96%E4%BF%9D%E4%BF%9D/id1440943331?mt=8)、微信小程序搜索“乖保保”。
**莱丰网:**安全食品配送专家,[Android](https://android.myapp.com/myapp/detail.htm?apkName=com.laifengwang.webview)[iOS](https://itunes.apple.com/cn/app/id1448228689) **莱丰网:**安全食品配送专家,[Android](https://android.myapp.com/myapp/detail.htm?apkName=com.laifengwang.webview)[iOS](https://itunes.apple.com/cn/app/id1448228689)
...@@ -320,8 +318,6 @@ uni-app已经有几十万开发者,创建了几十万个项目,是开发者 ...@@ -320,8 +318,6 @@ uni-app已经有几十万开发者,创建了几十万个项目,是开发者
**清华跆协:**清华大学跆拳道协会App,[H5](http://sign.taekwondo.dicertri.top/#/) **清华跆协:**清华大学跆拳道协会App,[H5](http://sign.taekwondo.dicertri.top/#/)
<!-- **一起游:**旅游攻略指南App,[H5](https://m.17you.com/)。 -->
**点伙:**致力于打造一个创业合伙招募与经验分享社区,[Android](https://android.myapp.com/myapp/detail.htm?apkName=com.whyouzhe.team) **点伙:**致力于打造一个创业合伙招募与经验分享社区,[Android](https://android.myapp.com/myapp/detail.htm?apkName=com.whyouzhe.team)
**松堡商城:**优质儿童房用品商城,[H5](http://mx.sbwg.cn/wap/) **松堡商城:**优质儿童房用品商城,[H5](http://mx.sbwg.cn/wap/)
...@@ -394,6 +390,8 @@ uni-app已经有几十万开发者,创建了几十万个项目,是开发者 ...@@ -394,6 +390,8 @@ uni-app已经有几十万开发者,创建了几十万个项目,是开发者
**家巴啦教育:**在家巴啦,一切以孩子为中心。[App和小程序通用链接](http://m3w.cn/__uni__de12861) **家巴啦教育:**在家巴啦,一切以孩子为中心。[App和小程序通用链接](http://m3w.cn/__uni__de12861)
**摸鱼:**职场生活圈。[微信小程序](http://m3w.cn/moyu)
**超英预告:**超级英雄预告,腾讯课堂Next学院的uni-app课程示例,[H5](http://www.imovietrailer.com)、微信小程序搜索“NEXT超英预告”。 **超英预告:**超级英雄预告,腾讯课堂Next学院的uni-app课程示例,[H5](http://www.imovietrailer.com)、微信小程序搜索“NEXT超英预告”。
**垃圾分类帮帮团:** [微信小程序码地址](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/ljfl.png) **垃圾分类帮帮团:** [微信小程序码地址](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/ljfl.png)
...@@ -469,4 +467,4 @@ uni-app已经有几十万开发者,创建了几十万个项目,是开发者 ...@@ -469,4 +467,4 @@ uni-app已经有几十万开发者,创建了几十万个项目,是开发者
</div> --> </div> -->
</div> </div>
</div> </div>
</div> </div>
\ No newline at end of file
...@@ -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.
先完成此消息的编辑!
想要评论请 注册