创新互联百度小程序教程：cover-view文本视图

  • cover-view 文本视图
    • 属性说明
    • 示例
      • 代码示例：文本视图
    • 常见问题
      • Q：cover-view 可以使用 border 吗？

    cover-view 文本视图

    解释：覆盖在原生组件之上的文本视图。只支持嵌套 cover-view、cover-image 组件。客户端创建的原生组件，不支持嵌套在其它组件中使用。

    创新互联是一家专注于做网站、成都做网站与策划设计,丽江网站建设哪家好?创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:丽江等地区。丽江做网站价格咨询:028-86922220

    属性说明

    属性 类型 默认值 必填 说明

    scroll-top

    Number

    否

    设置顶部滚动偏移量，仅在设置了overflow-y: scroll成为滚动元素后生效

    示例

    跳转编辑工具

    在开发者工具中打开

    在 WEB IDE 中打开

    扫码体验

    代码示例

    请使用百度APP扫码

    代码示例：文本视图

    • SWAN
    • JS
    • CSS
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  class="canvas"
      5.   
  
  
    5.  canvas-id="mycanvas">
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  
      9.   
  
  
    9.  
      10.   
  
  
    10.  
      11.   
  
  
    11.  
      12.   
  
  
    12.  
      13.   
  
  
      14.

    设计指南

    覆盖在其他原生组件上的视图区域，颜色需与下层元素拉开层次，否则将影响内容识别。

    正确

    上层元素与下层颜色反差适宜，内容清晰易识别

    错误

    上层元素与下层颜色接近，内容模糊不清

    常见问题

    Q：cover-view 可以使用 border 吗？

    A：cover-view 为原生组件，原生组件为系统提供的控件不支持单边设置；对于 cover-view 只支持基本的定位、布局、文本样式。不支持设置单边的 border、background-image、shadow、overflow: visible等。

    分享题目：创新互联百度小程序教程：cover-view文本视图
    网页路径：http://www.shufengxianlan.com/qtweb/news34/409584.html

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

    广告

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

    猜你还喜欢下面的内容

    网站收录知识

    各行业网站

    大吉雪茄　　 　成都恒翔机电维修　　 　济桢教育　　 　精灵网　　 　网站设计　　 　顺泽窗帘　　 　led背发光字　　 　成都展柜厂　　 　成都网站建设　　 　证企宝企业　　 　西云机房　　 　成都网站设计　　 　中国电信成都枢纽中心　　 　眉山电信机房　　 　防护网厂　　 　成都服务器租用　　 　成都服装定制　　 　营山网站建设　　 　抖音短视频拍摄　　 　成都网站建设