xc111222
xc111222
  • 发布:2023-01-06 18:26
  • 更新:2023-01-28 16:53
  • 阅读:581

【报Bug】uni-forms-item 的label内容过长时候,排版会重叠

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win11

HBuilderX类型: 正式

HBuilderX版本号: 3.6.15

第三方开发者工具版本号: 1.06.2210310

基础库版本号: 2.29.0

项目创建方式: HBuilderX

操作步骤:
<template>  
    <view class="container">  

        <uni-card is-full>  
            <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem"  
                                   styleType="button"></uni-segmented-control>  
            <view v-if="current === 0" class="p">  
                <uni-forms :border="true" >  

                    <uni-forms-item label="标题">  
                        啊啊啊啊啊啊啊啊啊2212312312王企鹅群翁万千瓦的权威当前文档萨达萨达啊实打实的萨达萨达萨达是打算阿萨德  
                    </uni-forms-item>  
                    <uni-forms-item label="111产值(千元产值(千元11产值(千元)">  
                        啊啊啊啊啊啊啊啊啊2212312312王企鹅群翁万千瓦的权威当前文档萨达萨达啊实打实的萨达萨达萨达是打算阿萨德  
                    </uni-forms-item>  
                    <uni-forms-item label="产值(千元产值(千元)2产值(千元产值(千元">  
                        啊啊啊啊啊啊啊啊啊2212312312王企鹅群翁万千瓦的权威当前文档萨达萨达啊实打实的萨达萨达萨达是打算阿萨德  
                    </uni-forms-item>  

                </uni-forms>  
            </view>  
            <view v-if="current === 1">  
                2222  
            </view>  
        </uni-card>  

    </view>  
</template>

复制代码到空白的uniapp,编译小程序

预期结果:

uni-forms-item 的label会自适应高度排版。不会挤压到其他label内容

实际结果:

label内容相互挤压。经过测试,去掉uni-forms-item__label的写死的高度后正常

bug描述:

uni-forms-item 的label内容过长时候,排版会重叠

2023-01-06 18:26 负责人:无 分享
已邀请:
DCloud_UNI_HT

DCloud_UNI_HT

设置 label-width ,或者使用自定义label

要回复问题请先登录注册