效果图

代码改动

.wxml

.wxss

与ai对话

targetExplain.wxml 17-20 targetExplain.wxss 115-123 修改样式实现，根据用户输入内容的多少自动变高，有个最小高度32rpx和最大高度120rpx

微信小程序原生前端专家

思考过程

packageChild\childCase\components\caseDetails\components\plan\components\targetExplain\targetExplain.wxml

packageChild\childCase\components\caseDetails\components\plan\components\targetExplain\targetExplain.wxss

Thought

在工作区搜索 'auto-height'

Thought

targetExplain.wxml

packageChild\childCase\components\caseDetails\components\plan\components\targetExplain\targetExplain.wxml

+ 3 - 3

查看变更

targetExplain.wxss

packageChild\childCase\components\caseDetails\components\plan\components\targetExplain\targetExplain.wxss

+ 2 - 2

查看变更

Thought

已修改完成。

改动如下：

1. targetExplain.wxml ：给所有使用 .textarea-field 的 textarea 添加了 auto-height 属性，使其随内容自动增高。

2. targetExplain.wxss ：去掉固定 height: 32rpx ，保留 min-height: 32rpx ，并新增 max-height: 120rpx 。

现在文本域会根据用户输入内容自动变高，最低 32rpx，最高 120rpx。涉及 3 个字段：目标说明、主要困境、备注。