复制代码<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>

- 发布:2021-04-26 00:11
- 更新:2021-05-18 10:28
- 阅读:1466
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 11.2.3
HBuilderX类型: 正式
HBuilderX版本号: 3.1.11
手机系统: Android
手机系统版本号: Android 10
手机厂商: 华为
手机机型: matepad
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
直接运行
直接运行
预期结果:
正常展示
正常展示
实际结果:
非正常
非正常
bug描述:
最新版本的 HB 编译出来的 css 有问题,具体表现为,一个 view 高度设置为 80px,view 中包含 view1 高度设置为 80px,overflow: true,view1 中包含 view2 和 textarea,view2 是文字,textarea 设置高度为 80px,添加 border,上下边线展示不出来,关闭 view1 的 overflow 可显示,给 view1 添加 border,发现 textarea 比 view1 上下高出一块。