小程序使用cover-view和cover-image(图片会被文字覆盖)

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 17:03   1169   0

通过定位将遮罩的图片铺满video组件,但是产生了以下几个bug:

bug1:使用z-index将按钮和标题放在遮罩之上无效

bug2: 编辑器预览正常,但是真机调试后发现图片被cover-view内的标题文字压了下去

在网上大致一搜没有很好的解决方法,cover-view这个组件看来只能够用于一些简单实用的场景,在当前的需求下实现难度很大

 <cover-view class="roomSLeft" bindtap="collectHandle">
      <cover-view class="roomShareLogoV">
        <cover-image src="{{baseUrl+ 'index/'+(isCollect?'collection':'uncollection')+'.png'}} " class="roomShareLogo" />
        <!-- 线上图片不显示 -->
        <cover-image src="../../image/room/collect.png" class="roomShareLogo" />
      </cover-view>
      <cover-view class="roomLogo" style="color:{{isCollect?'#D81E06':'#808080'}};">收藏</cover-view>
    </cover-view>

线上图片会被文字覆盖(ios真机)

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP