AD:靠谱的微信小程序外包开发

admin

admin

发表于 2017-02-06 11:11:22

视图容器view详解-视图容器-微信小程序组件-微信 小程序开发教程



view

视图容器。

属性名类型默认值说明
hoverBooleanfalse是否启用点击态
hover-classStringnone指定按下去的样式类。当 hover-class="none" 时,没有点击态效果
hover-start-timeNumber50按住后多久出现点击态,单位毫秒
hover-stay-timeNumber400手指松开后点击态保留时间,单位毫秒

示例:

<view class="section">
  <view class="section__title">flex-direction: row</view>
  <view class="flex-wrp" style="flex-direction:row;">
    <view class="flex-item bc_green">1</view>
    <view class="flex-item bc_red">2</view>
    <view class="flex-item bc_blue">3</view>
  </view></view><view class="section">
  <view class="section__title">flex-direction: column</view>
  <view class="flex-wrp" style="height: 300px;flex-direction:column;">
    <view class="flex-item bc_green">1</view>
    <view class="flex-item bc_red">2</view>
    <view class="flex-item bc_blue">3</view>
  </view></view>

view


扩展阅读:

微信 小程序开发组件:视图容器view,scroll-view,swiper-微信 小程序开发教程

视图容器view详解-视图容器-微信小程序组件-微信 小程序开发教程

可滚动视图区域scroll-view详解-视图容器-微信小程序组件-微信 小程序开发教程

滑块视图容器swiper详解-视图容器-微信小程序组件-微信 小程序开发教程


389阅读 | 0评论
你的回应
写文章

1480