微信小程序视图容器 view
2016-11-23
导读:view 视图容器。 属性名 类型 默认值 说明 hover-class String none 指定按下去的样式类。当 hover-class=none 时,没有点击态效果 hover-start-time Number 50 按住后多久出现点击态,单位毫秒 hover-sta...
view
视图容器。
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
hover-class | String | none | 指定按下去的样式类。当 hover-class="none" 时,没有点击态效果 |
hover-start-time | Number | 50 | 按住后多久出现点击态,单位毫秒 |
hover-stay-time | Number | 400 | 手指松开后点击态保留时间,单位毫秒 |
示例:
<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>
Bug & Tip
tip
: 如果需要使用滚动视图,请使用 scroll-view
第二部分:如何开通一个小商店