
view
2019-03-13 11:29:04
视图容器,类似DIV。属性名类型默认值说明最低版本hover-classStringnone指定按下去的样式类。当hover-class=none时,没有点击态效果hover-start-timeNumber50按住后多久出现点击态,单位毫秒hover-stay-timeNumber400手指松开后点击态保留时间,单位毫秒hover-stop-propagationBooleanfalse指定是否阻止本节点的祖先节点出现点击态
示例viewclass=page-section-titletextflex-direction:row 横向布局/text/viewviewclass=page-section-spacingviewclass=flex-wrpstyle=flex-direction:row;viewhover-class=hoverclass=flex-itemdemo-text-1/viewviewhover-class=hoverclass=flex-itemdemo-text-2/viewviewhover-class=hoverclass=flex-itemdemo-text-3/view/view/view/viewviewclass=page-sectionviewclass=page-section-titletextflex-direction:column 纵向布局/text/viewviewclass=flex-wrpstyle=flex-direction:column;viewclass=flex-itemflex-item-Vdemo-text-1/viewviewclass=flex-itemflex-item-Vdemo-text-2/viewviewclass=flex-itemflex-item-Vdemo-text-3/view/view/view.flex-wrp{margin-top:60rpx;display:flex;}.flex-item{width:200rpx;height:300rpx;font-size:26rpx;}.flex-item.hover{background:green;}.flex-item-V{margin:0auto;width:300rpx;height:200rpx;}加了hover-class属性后的效果:
示例viewclass=page-section-titletextflex-direction:row 横向布局/text/viewviewclass=page-section-spacingviewclass=flex-wrpstyle=flex-direction:row;viewhover-class=hoverclass=flex-itemdemo-text-1/viewviewhover-class=hoverclass=flex-itemdemo-text-2/viewviewhover-class=hoverclass=flex-itemdemo-text-3/view/view/view/viewviewclass=page-sectionviewclass=page-section-titletextflex-direction:column 纵向布局/text/viewviewclass=flex-wrpstyle=flex-direction:column;viewclass=flex-itemflex-item-Vdemo-text-1/viewviewclass=flex-itemflex-item-Vdemo-text-2/viewviewclass=flex-itemflex-item-Vdemo-text-3/view/view/view.flex-wrp{margin-top:60rpx;display:flex;}.flex-item{width:200rpx;height:300rpx;font-size:26rpx;}.flex-item.hover{background:green;}.flex-item-V{margin:0auto;width:300rpx;height:200rpx;}加了hover-class属性后的效果:
标签:组件,字节跳动小程序

「view」开发组件订阅
方法1:今日头条扫描字节跳动小程序码即可订阅开发组件「view」
方法2:今日头条搜索字节跳动小程序名称进入,即可订阅开发组件「view」
方法3:今日头条网页访问即速商店,长按识别字节跳动小程序码即可订阅开发组件「view」
字节跳动小程序开发组件「view」由字节跳动原创摘录于今日头条小程序商店shop.jisuapp.cn,转载请注明出处。
字节跳动开发组件「view」由字节跳动开发者向今日头条用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
字节跳动小程序
更新时间:2019-03-13 11:29:04