uni-app中app-vue里面cover-image和cover-view无显示？

uni-app中app-vue里面cover-image和cover-view无显示？

代码：  
```html
<template>
    <view class="content">  
        <cover-image src="https://ask.dcloud.net.cn/account/identicon/ead618efc2c5b77129ba92f976fccd7c.png"></cover-image>  
        <cover-view>  
            <text>agn</text>  
        </cover-view>  
    </view>  
</template>   
H5显示正常，安卓APP一片空白  

![](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20210704/5d256a1a27f6f81784422de482e0e8c5.png)

![](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20210704/b733d81a9e9ec1544bb844cdb052e2e6.jpg)

更多关于uni-app中app-vue里面cover-image和cover-view无显示？的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app中app-vue里面cover-image和cover-view无显示？的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-app的app-vue平台中，cover-image和cover-view组件是专为覆盖在原生组件（如video、map）之上设计的，它们必须作为这些原生组件的同级子元素才能正常显示。从你的代码来看，这些组件被直接放在普通view中，没有与任何原生组件关联，因此在安卓APP中无法渲染。

正确的用法是将cover-image和cover-view作为原生组件（例如video或map）的同级元素，并确保它们位于这些组件之后。例如：

<template>
  <view>
    <video src="video.mp4" controls></video>
    <cover-image src="https://example.com/image.png"></cover-image>
    <cover-view>
      <text>自定义覆盖内容</text>
    </cover-view>
  </view>
</template>
回到顶部