设置uni-easyinput中textarea类型的高度

最新推荐文章于 2024-07-30 10:27:19 发布

lemontree-xy

最新推荐文章于 2024-07-30 10:27:19 发布

阅读量2.2k

点赞数 2

分类专栏： uniapp vue css3 文章标签：前端 html uni-app

本文链接：https://blog.csdn.net/weixin_43337481/article/details/131673723

版权

uniapp 同时被 3 个专栏收录

11 篇文章 0 订阅

订阅专栏

vue

10 篇文章 1 订阅

订阅专栏

css3

7 篇文章 0 订阅

订阅专栏

uni-easyinput__content-textarea样式中的高度默认是80，以下是原样式

.uni-easyinput__content-textarea {
    position: relative;
    overflow: hidden;
    flex: 1;
    line-height: 1.5;
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 10px;
    height: 80px;
    /* #ifndef APP-NVUE */
    min-height: 80px;
    width: auto;
    /* #endif */
}

在自己的页面样式中做出修改

::v-deep .uni-easyinput__content-textarea {
	line-height: 1.5;
	font-size: 28rpx;
	height: 60rpx;
	min-height: 60rpx;
	/* #ifndef APP-NVUE */
	min-height: 60rpx;
	width: auto;
	/* #endif */
}