详细问题描述
(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
6 个回复
丨薛
有解决嘛,我也是今天升级到hbuilderX2.6.9用手机测试就不显示cover-view
z***@163.com
亲,问题解决了吗?同问map中使用cover-view嵌套就会不显示,但是如果单层cover-view就可以显示。
App安卓端,想知道有什么解决方案吗?
hpp2019
请问多次嵌套不显示,单层嵌套显示的问题解决了吗?
2020-08-11 17:07
hpp2019 - 前端开发
请问解决了吗?
前端学前班
想问一下解决了吗
hpp2019
我现在改用nvue了,我是用的subNVue。模拟器上可以用了,但是打包的时候报错了,还在解决中。
https://ask.dcloud.net.cn/question/104100
2020-08-17 09:01
东方来客
回复 hpp2019: 好像自定义高度有问题 这一块你ok吗
2020-12-22 15:41
ddpapa
cover-view是不是不支持嵌套啊,官方文档中介绍是覆盖在原生组件上的原生文本视图
9***@qq.com
2022年了,请问你们的问题解决了吗?我map组件里用cover-view组件,里面再嵌套一个swiper组件死活不显示,必须得切换为nvue才能显示。