【报Bug】v-for数量超过屏幕，view 设置的height 无效

分类：HBuilderX

详细问题描述

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

H5端。
HX版本：2.5.1.20200103

[内容]

<view class="places" style="height: 100rpx;">ww </view>  
        <radio-group @change="radioChange">  
            <view class="bg-white">  
                <view v-for="(item,index) in 20" :key="index">  
                    <view class="icon">  
                        <radio :value="item.user_id+''" />{{item}}  
                    </view>  
                </view>  
            </view>

只要v-for 数量超过的屏幕高度，.places 设置的高度就无效，CSS里已经显示出高度，但是表现时无效。看图

重现步骤

超过屏幕高度无效

未超过屏幕高度正常

2020-01-06 15:17 负责人:无分享

2 个回复

DCloud_UNI_GSQ

上传一下测试工程

c***@foxmail.com (作者)

<template>  
<view class="container">  
        <view class="places" style="height: 100rpx;"> </view>  

        <radio-group @change="radioChange">    
            <view class="bg-white">    
                <view v-for="(item,index) in 20" :key="index">    
                    <view class="icon">    
                        <radio :value="item.user_id+''" />{{item}}    
                    </view>    
                </view>    
            </view>  
</radio-group>  
 </view>  
</template>


CSS部分  

.container{  
   height: calc(100vh - var(--window-top));  // 经过排查最外层view设置了这个高度就会有问题。去除后就不会影响。  
}

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

【报Bug】v-for数量超过屏幕，view 设置的height 无效

详细问题描述

重现步骤

2 个回复

公告

相关问题

【报Bug】v-for数量超过屏幕，view 设置的height 无效

详细问题描述

重现步骤

与内容相关的链接

2 个回复

公告

相关问题