常用组件:
view类似html中的div,但是有一些自己的事件属性,div的属性和事件需要用css、js编写
属性名 类型 默认值 说明
hover-class String none 指定按下去的样式类。当 hover-class="none" 时,没有单击态效果
hover-stop-propagation Boolean false 指定是否阻止本节点的祖先节点出现单击态,App、H5、支付宝小程序、百度小程序不支持
hover-start-time Number 50 按住后多久出现单击态,单位毫秒
hover-stay-time Number 400 手指松开后单击态保留时间,单位毫秒
使用div,编译时会被转换成view
scroll-view,可滚动视图区域
scorll-x可实现水平滚动
scroll-y可实现垂直滚动
注意实现跳转到顶部,scrollTop.value=tmpScrollTop,监听滚动条当前位置的值赋给控制滚动条的位置
setTimeout(()=>{
scrollTop.value=0;//滚动到顶部 },30);
setTimeout或者nextTick
scroll-x要设置好css,防止view换行
设置display为inline-block行内块,width和overflow:hidden也进行设置
scroll-view嵌套input卡顿问题
比如一个数字更改的text-input,可以设置不同状态下不同
view类似html中的div,但是有一些自己的事件属性,div的属性和事件需要用css、js编写
属性名 类型 默认值 说明
hover-class String none 指定按下去的样式类。当 hover-class="none" 时,没有单击态效果
hover-stop-propagation Boolean false 指定是否阻止本节点的祖先节点出现单击态,App、H5、支付宝小程序、百度小程序不支持
hover-start-time Number 50 按住后多久出现单击态,单位毫秒
hover-stay-time Number 400 手指松开后单击态保留时间,单位毫秒
使用div,编译时会被转换成view
scroll-view,可滚动视图区域
scorll-x可实现水平滚动
scroll-y可实现垂直滚动
注意实现跳转到顶部,scrollTop.value=tmpScrollTop,监听滚动条当前位置的值赋给控制滚动条的位置
setTimeout(()=>{
scrollTop.value=0;//滚动到顶部 },30);
setTimeout或者nextTick
scroll-x要设置好css,防止view换行
设置display为inline-block行内块,width和overflow:hidden也进行设置
scroll-view嵌套input卡顿问题
比如一个数字更改的text-input,可以设置不同状态下不同