我们一起来读书吧 关注:154贴子:2,808
  • 0回复贴,共1

uniapp 9.18-9.24

只看楼主收藏回复

input:在uniapp中仅仅当作输入框使用
type:input类型的有效值
text 文本输入键盘
number 数字输入键盘 均支持,注意iOS上app-vue弹出的数字键盘并非9宫格方式
idcard 身份证输入键盘 微信、支付宝、百度、QQ小程序
digit 带小数点的数字键盘 App的nvue页面、微信、支付宝、百度、头条、QQ小程序
小程序上只支持整型数字,在小程序平台输入浮点型需要digit
input组件上有默认的min-height,如果设置的height低于min-height则height样式不起作用
软键盘弹出逻辑:App平台软键盘弹出有 adjustResize|adjustPan 两种模式,默认为 adjustPan 模式,小程序平台只支持 adjustPan 模式,H5平台因不同浏览器而异
adjustResize:软键盘弹出时,webview窗体高度挤压。屏幕高度=webview窗体高度+软键盘高度
adjustPan:软键盘弹出时,webview窗体高度不变,但窗体上推,以保证输入框不被软键盘盖住
picker从底部弹起的滚动选择器
mode为selector或者没有mode属性时,为普通选择器
属性名 类型 默认值 说明
range(范围) Array / Array<Object> [] mode为 selector 或 multiSelector 时,range 有效
range-key String 当 range 是一个 Array<Object> 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容
value Number 0 value 的值表示选择了 range 中的第几个(下标从 0 开始)
@change EventHandle value 改变时触发 change 事件,event.detail = {value: value}
disabled Boolean false 是否禁用
@cancel EventHandle 取消选择或点遮罩层收起 picker 时触发
picker在各平台的实现是有UI差异的,有的平台的Android是从中间弹出的,如百度小程序、支付宝小程序;有的平台支持循环滚动,如微信小程序、百度小程序;有的平台没有取消按钮,如App端。以上差异均不影响功能使用
multiselector多列选择器,支付宝小程序不支持多列选择器
属性名 类型 默认值 说明
range 二维 Array / 二维 Array<Object> [] mode为 selector 或 multiSelector 时,range 有效。二维数组,长度表示多少列,数组的每项表示每列的数据,如[["a","b"], ["c","d"]]
range-key String 当 range 是一个二维 Array<Object> 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容
value Array [] value 每一项的值表示选择了 range 对应项中的第几个(下标从 0 开始)
@change EventHandle value 改变时触发 change 事件,event.detail = {value: value}
@columnchange EventHandle 某一列的值改变时触发 columnchange 事件,event.detail = {column: column, value: value},column 的值表示改变了第几列(下标从0开始),value 的值表示变更值的下标
@cancel EventHandle 取消选择时触发
disabled Boolean false 是否禁用


IP属地:日本1楼2024-09-24 09:58回复