甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

QQ :532337155
电话：028-86922220
 
成都网站建设设计

将想法与焦点和您一起共享

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

  • view 视图容器
    • 属性说明
    • 示例
      • 代码示例 1：横向布局
      • 代码示例 2：纵向布局
    • Bug & Tip

    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：横向布局

    • SWAN
    • CSS
     
 
 
      
  
  
  
      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视图容器
    标题来源：https://chengdu.cdxwcx.cn/article/djjhidp.html

    其他资讯