WeChat small program view container view
May 18, 2021 WeChat Mini Program Development Document
Table of contents
view
The view container.
| Property | Type | The default | Required | Description | The lowest version |
|---|---|---|---|---|---|
| hover-class | string | none | Whether |
Specify the style class to press down.
There
hover-class="none"
is "none"
|
1.0.0 |
| hover-stop-propagation | boolean | false | Whether | Specify whether to prevent the ancestor node of this node from clicking | 1.5.0 |
| hover-start-time | number | 50 | Whether | How often does the click state appear after holding down, in milliseconds | 1.0.0 |
| hover-stay-time | number | 400 | Whether | Click state retention time, in milliseconds, after the finger is released | 1.0.0 |
Example:
<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
-
tipIf you need to use a scroll view, use scroll-view