创新互联百度小程序教程：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视图容器
    分享网址：http://www.csdahua.cn/qtweb/news25/472225.html

    网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网

    成都快上网为您推荐相关内容

    企业建站知识

    分类信息网

    绵阳电信机房　　 　网络营销　　 　成都网站建设　　 　成都400电话申请　　 　金堂发电机　　 　胜锦安防科技　　 　响应式网站设计　　 　商城网站　　 　达州博佩科技　　 　软文发布平台　　 　成都商城网站开发　　 　全网营销　　 　力比特机械　　 　电信服务器托管　　 　虚拟主机　　 　绵阳托管服务器　　 　主机托管　　 　网站建设公司　　 　seo关键词优化　　 　定制网站