现在配置了这个scope.userLocation和requiredPrivateInfos,去审核代码还是提示未正确配置 [图片] [图片]

https://developers.weixin.qq.com/s/oVRJ68mY7llD 底部的tab导航栏是自己写的，echarts图表使用e-canvas写的，现在echarts层级过高盖在了tab上面，tab是使用了cover-view的 [图片] 底部导航栏代码 [图片] echarts: [图片] [图片] function initChart(canvas, width, height,dpr) {   const chart = echarts.init(canvas, null, {     width: width,     height: height,     devicePixelRatio: dpr   });   canvas.setChart(chart);   // 控制显示条数   // var start = dataAxis.length - 6;   // var end = dataAxis.length - 1;   let option = {     color: ["#3466CC"],     grid: {       left: '3%',       right: '3%',       bottom: '10%',       top: '10%',       width: '90%',       containLabel: true     },     dataZoom: [{       type: 'inside',       start: 3,       endValue:5     }],     xAxis: {       type: 'category',       boundaryGap: false,       axisLine: {//X轴线条         show: false       },       axisTick: {//X轴刻度         show: false       },       data: ['01-21', '01-22', '01-23', '01-24', '01-25', '01-26', '01-27', '01-28', '01-29']     },     yAxis: {       type: 'value',       axisLine: {//Y轴线条         lineStyle: {           color: '#ccc'         }       },       axisTick: {//Y轴刻度         show: false       }     },     series: [{       type: "line",       data: [578, 544, 620, 436, 500, 360, 780, 854, 665],     }]   };   chart.setOption(option);   return chart; }

如图所示：外层放了一个scroll-view,做横向滑动展示所以设置了属性white-space:nowrap;然后设置子级view的文字为多行隐藏，开发者工具中展示正常，手机打开后出现排版混乱。检查代码发现可能是子级设置white-space:pri-line引起的，设置文本转行后设置overflow:hidden,在开发者工具能够正常隐藏，手机打开隐藏了文字但是实际占得位置还是保留了，请问这种情况应该怎么去处理 开发者工具展示: [图片] 手机真机调试： [图片]   <scroll-view scroll-x="true" class="hot-icon">     <view class="icon-box bg-ff">       <image src="/image/hot_1.png"></image>       <view class="f-26 c-base center txt">测试</view>     </view>     <view class="icon-box bg-ff" >       <image src="/image/hot_1.png"></image>       <view class="f-26 c-base center txt">测试测试</view>     </view>     <view class="icon-box bg-ff" >       <image src="/image/hot_1.png"></image>       <view class="f-26 c-base center txt">测试测试测试</view>     </view>     <view class="icon-box bg-ff" >       <image src="/image/hot_1.png"></image>       <view class="f-26 c-base center txt">测试测试测试测试</view>     </view>     <view class="icon-box bg-ff">       <image src="/image/hot_1.png"></image>       <view class="f-26 c-base center txt">测试测试测试测试测试</view>     </view>   </scroll-view> .hot .hot-icon{width: 100%;height: 270rpx;white-space: nowrap;} .hot .hot-icon .txt{   width: 113rpx;   margin: 0 auto;   height: 74rpx;   display: -webkit-box;   word-break: break-all;   white-space: pre-line;   text-overflow: ellipsis;   overflow: hidden;   -webkit-box-orient: vertical;   -webkit-line-clamp:2; } 最后只能将display:-webkit-box;改成display:flex;修改之后多行字隐藏就不会出现省略号，但是排版不会乱了。 但是想要的效果还是实现不了，多行字隐藏的时候苹果手机会排版混乱，安卓手机不会 .hot .hot-icon .txt{   width: 113rpx;   margin: 0 auto;   height: 74rpx;   display: flex;   word-break: break-all;   white-space: pre-line;   text-overflow: ellipsis;   overflow: hidden;   -webkit-box-orient: vertical;   -webkit-line-clamp:2; }