1***@qq.com
1***@qq.com
  • 发布:2019-10-31 09:19
  • 更新:2022-10-11 13:11
  • 阅读:3200

【报Bug】cover-view多层嵌套无法显示

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]
使用uniapp的cover-view与cover-image多层嵌套,在ios10以下的机型,实测在微信小程序端无法正常显示

重现步骤

[步骤]

1.使用map组件
2.使用cover-view与cover-image多层嵌套在地图上显示一个业务内容
[结果]
3.实测在ios10以上的系统正常,ios10以下的系统无法正常显示
[期望]
希望能正常显示
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]

[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

微信小程序  

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

HBuilderX创建

[编译模式是老模板模式还是新的自定义组件模式?]

自定义组件模式

App运行环境说明

[Android版本号]

[iOS版本号]
ios10.2

[手机型号]
iphone 6s
[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段] <map :style="{height:heights!=undefined?heights+'vh':100+'vh',width:'100%'}" scale="scale" :longitude="longitude" :latitude = "latitude" show-location="true" markers="onlinelist" @markertap="clickicon"
@tap="closeonline"

controls = "controls" @controltap = "showcontrols"
@callouttap = "callout"

<cover-image class="map_icon icon_3" src="../../static/mapicon/online_head.png" @click="goToPageusercenter('/pages/myhome/usercenter')"></cover-image>
<cover-image class="map_icon icon_hui" src="../../static/mapicon/act.png" @click="onlyLine()"></cover-image>
<cover-image class="map_icon icon_5" src="../../static/mapicon/online_list.png" @click="help()"></cover-image>
<cover-image class="map_icon icon_6" src="../../static/mapicon/online_phone.png" @click="phone"></cover-image>
<cover-image class="map_icon icon_1" src="../../static/mapicon/online_address.png" @click="showlacation"></cover-image>
<cover-view class="index_now" @click="usercar()" v-show="showuseButton!=undefined?showuseButton:true">立即用车</cover-view>
<cover-image class="map_icon icon_2" src="../../static/mapicon/online_reset.png" @click="reloads"></cover-image>

<!--    <cover-image class="banner" src="../../static/mapicon/online_reset.png" @click="reloads"></cover-image> -->  
    <!-- 点击网点显示车辆信息 -->  
    <!-- 微信小程序端支持原生组件的嵌套 -->  
    <!-- #ifdef MP-WEIXIN -->     
    <!-- 首页广告 -->  
    <cover-view class="banners" v-if="showBanner">  
        <cover-view class="banner-bg" v-if="bannerDetail.cover_image" @click="closeBanner"></cover-view>  
        <cover-view class="banner_icon" v-if="bannerDetail.cover_image">  
            <cover-image class="banner_img" :src="bannerDetail.cover_image" @click.stop="activityDetatil(bannerDetail.id,bannerDetail.url)"></cover-image>  
            <cover-view class="banner_line"></cover-view>  
            <cover-image class="banner_close" src="../../static/mapicon/closes.png" @click="closeBanner"></cover-image>  
        </cover-view>                 
    </cover-view>  
    <!-- 首页提示 -->  
    <cover-view class="usernotice" v-if="showhomenotice" @click="gotonotice">  
        <cover-image class="noticepic1" src="../../static/mapicon/notice.png"></cover-image>  
        <cover-view class="noticetext">{{noticetext}}</cover-view>  
        <cover-image class="noticepic2" src="../../static/mapicon/right.png"></cover-image>  
    </cover-view>  
    <!-- 网点下的一台车 -->  
         <cover-view class="index_online_msg" v-if="showonline">  
            <cover-view class="online_head" >  
                <cover-image class="online_down gifs" src="../../static/mapicon/gif11.gif" @click.stop="close_online()"></cover-image>  
                <cover-view class="online_name">  
                    <cover-view class="online_title">  
                        <cover-view class="online_names">{{onlineinfo.dot.dot_name || '红河网点'}}</cover-view>  
                        <cover-view class="online_title_class" @click="goToPage('/pages/index/online_detail',onlineinfo.dot.id)">  
                                <cover-image  class="online_icons" src="../../static/mapicon/online_chage_car.png"></cover-image>  
                                <cover-view class="online_canusercar">{{onlineinfo.dot.car_num}}辆车可用</cover-view>  
                        </cover-view>  
                        <cover-view class="online_add_detail" @click="goToPage('/pages/index/online_detail',onlineinfo.dot.id)">{{onlineinfo.dot.address || '红河网点'}}</cover-view>  
                    </cover-view>  
                    <cover-image class="online_pic" src="../../static/mapicon/online.png"  @click="goToPage('/pages/index/online_detail',onlineinfo.dot.id)"></cover-image>  
                </cover-view>   
            </cover-view>  

            <!-- <cover-view class="line"></cover-view> -->  
            <cover-view class="online_car"  @click="getcarlist('/pages/usecar/carList',onlineinfo.dot.id)" v-if="onlineinfo.car_type.car_type_img !=''">  
                <cover-view class="online_car_class" >  
                    <cover-image class="charges" src="../../static/mapicon/charges.png"></cover-image>  
                    <cover-view class="chargeNums">{{onlineinfo.power || 0}}%</cover-view>  
                    <cover-view class="online_car_list1 list1 xuhang">续航约{{onlineinfo.xh_road || 0}}km</cover-view>  
                    <cover-view class="online_car_list list1">{{onlineinfo.brand_system_type_name || "江铃汽车"}}</cover-view>  
                    <!-- <cover-view class="online_car_list list1">{{onlineinfo.car_seat}}座</cover-view> -->  
                    <!-- <cover-view class="online_car_list list1">快充</cover-view> -->  
                </cover-view>  
                <cover-view class="online_car_status">  
                    <cover-image class="online_car_pic" :src="onlineinfo.car_type.car_type_img"></cover-image>  
                    <cover-view class="online_car_price">  
                        <cover-view class="online_car_number">{{onlineinfo.car_sn}}</cover-view>  
                        <cover-view class="online_car_price_rule">{{onlineinfo.car_type.m_price}}元/分+{{onlineinfo.car_type.g_price}}元/公里</cover-view>  
                    </cover-view>  
                    <cover-view class="online_car_more">  
                        <cover-view class="more">更多</cover-view>  
                        <cover-image class="online_down" src="../../static/mapicon/right.png"></cover-image>  
                    </cover-view>  
                </cover-view>  
            </cover-view>                     
         </cover-view>  
    <!-- #endif -->  
 </map>   

联系方式

[QQ]
1442765766

2019-10-31 09:19 负责人:无 分享
已邀请:
丨薛

丨薛

有解决嘛,我也是今天升级到hbuilderX2.6.9用手机测试就不显示cover-view

z***@163.com

z***@163.com

亲,问题解决了吗?同问map中使用cover-view嵌套就会不显示,但是如果单层cover-view就可以显示。
App安卓端,想知道有什么解决方案吗?

  • hpp2019

    请问多次嵌套不显示,单层嵌套显示的问题解决了吗?

    2020-08-11 17:07

hpp2019

hpp2019 - 前端开发

请问解决了吗?

前端学前班

前端学前班

想问一下解决了吗

  • hpp2019

    我现在改用nvue了,我是用的subNVue。模拟器上可以用了,但是打包的时候报错了,还在解决中。

    https://ask.dcloud.net.cn/question/104100

    2020-08-17 09:01

  • 东方来客

    回复 hpp2019: 好像自定义高度有问题 这一块你ok吗

    2020-12-22 15:41

ddpapa

ddpapa

cover-view是不是不支持嵌套啊,官方文档中介绍是覆盖在原生组件上的原生文本视图

9***@qq.com

9***@qq.com

2022年了,请问你们的问题解决了吗?我map组件里用cover-view组件,里面再嵌套一个swiper组件死活不显示,必须得切换为nvue才能显示。

该问题目前已经被锁定, 无法添加新回复