cover-view

覆盖在原生组件之上的文本视图,可覆盖的原生组件包括 mapvideocanvascameralive-playerlive-pusher ,只支持嵌套 cover-viewcover-image ,可在 cover-view 中使用 buttonmovable-view 的可移动区域

属性名类型默认值说明
scroll-topNumber设置顶部滚动偏移量,仅在设置了 overflow-y: scroll 成为滚动元素后生效

cover-image

覆盖在原生组件之上的图片视图,可覆盖的原生组件同 cover-view,支持嵌套在 cover-view 里。

属性名类型默认值说明
srcString图标路径,支持临时路径、网络地址。暂不支持 base64 格式。
bindloadEventHandle图片加载成功时触发
binderrorEventHandle图片加载失败时触发
Bug & Tip

  1. tip: 事件模型遵循冒泡模型,但不会冒泡到原生组件。
  2. tip: 文本建议都套上 cover-view 标签,避免排版错误。
  3. tip: 只支持基本的定位、布局、文本样式。不支持设置 单边的 borderbackground-imageshadowoverflow: visible等。
  4. tip: 建议子节点不要溢出父节点
  5. tip: 默认设置的样式有:white-space: nowrap; line-height: 1.2; display: block;
  6. tip: 自定义组件嵌套 cover-view 时,自定义组件的 slot 及其父节点暂不支持通过 jd:if 控制显隐,否则会导致 cover-view 不显示
示例代码

  1. <!--cover-view.jxml-->
  2. <view class="cover-view-section">
  3. view
  4. <block >
  5. <cover-view class="cover-view-text">这是cover-view
  6. </cover-view>
  7. </block>
  8. </view>
  9. <view class="cover-view-section">
  10. view
  11. <block >
  12. <cover-image class="cover-view-image" src='../../../../image/jd_logo.jpg' />
  13. </block>
  14. </view>

cover-view - 图1