cover-view

cover-view

覆盖在原生组件之上的文本视图。可覆盖 map 原生组件,小程序基础库 1.10.0 及以上版本开始支持嵌套。

属性名 类型 默认值 描述 最低版本
onTap EventHandle - 点击事件回调 1.9.0

cover-image

覆盖在原生组件之上的图片视图,可覆盖的原生组件同 cover-view,小程序基础库 1.10.0 及以上版本开始支持嵌套。

属性名 类型 默认值 描述 最低版本
src String - 图片地址,支持的地址格式同 image 一致 1.9.0
onTap EventHandle - 点击事件回调 1.9.0

代码示例

  1. <view class="page">
  2. <view class="page-description">cover-view</view>
  3. <view class="page-section">
  4. <view class="page-section-demo" style="position: relative;">
  5. <map
  6. longitude="{{longitude}}"
  7. latitude="{{latitude}}"
  8. scale="{{scale}}"
  9. style="width: 100%; height: 200px;"
  10. include-points="{{includePoints}}"
  11. />
  12. <cover-view class="cover-view">
  13. <cover-view class="cover-view-item cover-view-item-1"></cover-view>
  14. <cover-view class="cover-view-item cover-view-item-2"></cover-view>
  15. <cover-view class="cover-view-item cover-view-item-3"></cover-view>
  16. </cover-view>
  17. <cover-image style="" src="/image/ant.png" />
  18. </view>
  19. </view>
  20. </view>