【报Bug】最新版 HB 编译的 css 有问题。

分类：uni-app

bug已修复

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 11.2.3

HBuilderX类型：正式

HBuilderX版本号： 3.1.11

手机系统： Android

手机系统版本号： Android 10

手机厂商：华为

手机机型： matepad

页面类型： vue

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<template>  
    <view class="container" style="margin: 50px; height: 80px;">  
        <view class="m-textarea-container">  
            <view class="m-textarea-title">  
                标题  
            </view>  
            <textarea class="m-textarea" />  
        </view>  
    </view>  

</template>  

<script>  
    export default {  
        data() {  
            return {  
                title: 'Hello'  
            }  
        },  
        onLoad() {  

        },  
        methods: {  

        }  
    }  
</script>  

<style lang="scss" scoped>  
    .m-textarea-container {  
        display: flex;  
        align-items: center;  
        height: 80px;  
        overflow: hidden;  

        .m-textarea-title {  
            margin-left: 0;  
            font-size: 16px;  
            color: black;  
        }  

        .m-textarea {  
            margin: 5px 0 5px 10px;  
            flex: 1;  
            border: 1px solid red;  
            box-sizing: border-box;  
            border-radius: 2px;  
            height: 80px;  
            padding: 5px;  
            color: black;  
            overflow: hidden;  
        }  
    }  
</style>

操作步骤：

直接运行

预期结果：

正常展示

实际结果：

非正常

bug描述：

最新版本的 HB 编译出来的 css 有问题，具体表现为，一个 view 高度设置为 80px，view 中包含 view1 高度设置为 80px，overflow: true，view1 中包含 view2 和 textarea，view2 是文字，textarea 设置高度为 80px，添加 border，上下边线展示不出来，关闭 view1 的 overflow 可显示，给 view1 添加 border，发现 textarea 比 view1 上下高出一块。

border-demo.zip

2021-04-26 00:11 负责人:无分享