百度智能小程序 图片视图

cover-image 图片视图

解释：覆盖在 原生组件 之上的图片视图（与 cover-view 相比，仅支持图片）,支持嵌套在 cover-view 里。

属性说明

示例 

在开发者工具中打开

代码示例 ：图片视图

• SWAN
• JS
• CSS

<view class="wrap">
    <view class="card-area">
        <map 
            class="map"
            longitude="{{longitude}}"
            latitude="{{latitude}}">
            <cover-image 
                class="cover-image"
                src="https://b.bdstatic.com/miniapp/image/cover-image.png" rel="external nofollow" 
                bindload="imageLoad"
                binderror="imageError">
            </cover-image>
        </map>
    </view>
</view>

Bug & Tip

• Tip：支持 css transition 动画，transition-property 只支持 transform (translateX, translateY) 与 opacity。Tip：文本建议都套上 cover-view 标签，避免排版错误。
• Tip：只支持基本的定位、布局、文本样式。不支持设置单边的 border、background-image、shadow、overflow: visible 等。
• Tip：建议子节点不要溢出父节点。
• Tip：默认设置的样式有：white-space: nowrap; line-height: 1.2; display: block。
• Tip：建议不要频繁改变 s-if 表达式的值控制显隐，否则会导致 cover-view 显示异常。
• Bug：IOS 端暂不支持一个页面有多个 video 时嵌套 cover-view。
• Tip：cover-view 和 cover-image 从基础库版本 1.12.0 开始支持事件捕获、冒泡。
• Tip：cover-image 和 cover-view 的渲染顺序与页面中的标签使用顺序一致。