×
13518219792

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

创新互联百度小程序教程：view视图容器

view 视图容器

解释：视图容器。相当于 HTML 中的 div 标签，可将页面分割为独立的、不同的部分。如果需要使用滚动视图，请使用 scroll-view 组件。

属性说明

属性名 类型 默认值 必填 说明

hover-class

String

none

否

指定按下去的样式类。当hover-class=”none”时，没有点击态效果

hover-stop-propagation

Boolean

false

否

指定是否阻止本节点的祖先节点出现点击态

hover-start-time

Number

50

否

按住后出现点击态的时间长度（单位：毫秒）

hover-stay-time

Number

400

否

手指松开后点击态保留的时间长度（单位：毫秒）

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例 1：横向布局

 
 
 
    
  
  
  
    2.   
  
  
  2.  
    3.   
  
  
  3.  横向布局
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  class="color-a"
    7.   
  
  
  7.  hover-class="hover"
    8.   
  
  
  8.  hover-stop-propagation="false"
    9.   
  
  
  9.  hover-start-time="100"
    10.   
  
  
  10.  hover-stay-time="200">
    11.   
  
  
  11.  A
    12.   
  
  
  12.  
    13.   
  
  
  13.  
    14.   
  
  
  14.  B
    15.   
  
  
  15.  
    16.   
  
  
  16.  
    17.   
  
  
  17.  C
    18.   
  
  
  18.  
    19.   
  
  
  19.  
    20.   
  
  
  20.  
    21.   
  
  
    22.

代码示例 2：纵向布局

  • SWAN
  • CSS
 
 
 
    
  
  
  
    2.   
  
  
  2.  
    3.   
  
  
  3.  纵向布局
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  A
    7.   
  
  
  7.  
    8.   
  
  
  8.  
    9.   
  
  
  9.  B
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.   
  
  
  12.  C
    13.   
  
  
  13.  
    14.   
  
  
  14.  
    15.   
  
  
  15.  
    16.   
  
  
    17.

Bug & Tip

  • Tip：如果需要使用滚动视图，请使用 scroll-view 组件。
  • Tip：从基础库版本 1.12.0 开始支持事件捕获、冒泡。

文章题目：创新互联百度小程序教程：view视图容器
分享网址：http://cdbrznjsb.com/article/djjhidp.html

其他资讯

  • 网站建设专属方案

  • 网站定制化设计

  • 7X24小时服务

  • N对管家服务

让你的专属顾问为你服务