cover-view 文本视图

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

属性说明

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

示例

在开发者工具中预览效果

扫码体验

cover-view 文本视图 - 图2请使用百度APP扫码

代码示例 :文本视图

  1. <map id="myMap"
  2. longitude="{{longitude}}"
  3. latitude="{{latitude}}">
  4. <cover-view class="cover-view">
  5. <cover-view class="container">
  6. <cover-view class="flex-wrp" style="flex-direction:row;">
  7. <cover-view class="flex-item demo-text-1"></cover-view>
  8. <cover-view class="flex-item demo-text-2"></cover-view>
  9. <cover-view class="flex-item demo-text-3"></cover-view>
  10. </cover-view>
  11. </cover-view>
  12. </cover-view>
  13. </map>
  1. Page({
  2. data: {
  3. latitude: '40.042500',
  4. longitude: '116.274040'
  5. }
  6. });