小程序 cover-view 使用

小杜 • • 微信开发技术

  • 覆盖在原生组件之上的文本视图。

  • 可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher

  • 只支持嵌套 cover-view、cover-image，可在 cover-view 中使用 button。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。

    • 个人示例

    <map longitude="{{longitude}}" latitude="{{latitude}}" scale="16" markers="{{markers}}" bindmarkertap="makertap" bindregionchange="mapchangeTap" >
    <cover-view>
      <cover-image src="/assets/img/dialog@2x.png"></cover-image>
      <cover-view wx:if="{{xb_count}}">
        <cover-view>附近有{{xb_count}}位小帮</cover-view>
        <cover-view>
          <cover-view>预计最快</cover-view>
          <cover-view>{{min_time_text}}</cover-view>
          <cover-view>内到达</cover-view>
        </cover-view>
      </cover-view>
      <cover-view wx:else>附近暂无小帮</cover-view>
    </cover-view>
   <cover-image src="/assets/img/orientation@2x.png"/> 
  </map>

    官方示例

    <map
       
        latitude="{{latitude}}"
        longitude="{{longitude}}"
      >
        <cover-view>
          <cover-view>
            <cover-view>
              <cover-view></cover-view>
              <cover-view></cover-view>
              <cover-view></cover-view>
            </cover-view>
          </cover-view>
        </cover-view>
      </map>

    小程序 cover-view 使用

    原文：https://blog.51cto.com/williamliuwen/2469738

    以上是小程序 cover-view 使用的全部内容。
    THE END
    分享
    二维码
    < <上一篇
    下一篇>>