Uniapp/lucky_shop
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix(ns-form): 适配微信小程序和H5的textarea渲染逻辑

Browse Source 
重构了多平台textarea的渲染条件，合并了平台判断逻辑，新增rows属性配置，优化了样式适配和代码可读性
This commit is contained in:
ZF Sun
2026-08-12 15:41:06 +08:00
parent 82139e616d
commit b69eeba74b
1 changed files with 12 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
components/ns-form/ns-form.vue
View File

@@ -36,27 +36,18 @@
:style="inputStyle"
></textarea>
<!-- #endif -->
<!-- #ifndef MP-HARMONY -->
<!-- #ifdef MP-WEIXIN -->
<!-- 微信小程序原生 textarea：
不用 auto-height（会随内容无限扩展遮挡后续组件），改用 textareaStyle 中
固定 height 176rpx（约 4 行）+ line-height 44rpx，可视区域比原 88rpx 翻倍，
内容多时内部滚动条 thumb 比例改善一倍，且高度可控。 -->
<textarea
:placeholder="item.value.placeholder"
placeholder-class="placeholder color-tip"
v-model="item.val"
:style="textareaStyle"
></textarea>
<!-- #endif -->
<!-- #ifndef MP-WEIXIN -->
<textarea
:placeholder="item.value.placeholder"
placeholder-class="placeholder color-tip"
v-model="item.val"
:style="inputStyle"
></textarea>
<!-- #endif -->
<!-- #ifdef MP-WEIXIN || H5 -->
<!-- 微信小程序原生 textarea：
不用 auto-height（会随内容无限扩展遮挡后续组件），改用 textareaStyle 中
固定 height 176rpx（约 4 行）+ line-height 44rpx，可视区域比原 88rpx 翻倍，
内容多时内部滚动条 thumb 比例改善一倍，且高度可控。 -->
<textarea
:rows="item.value.rows || 2"
:placeholder="item.value.placeholder"
placeholder-class="placeholder color-tip"
v-model="item.val"
:style="textareaStyle"
></textarea>
<!-- #endif -->
</view>
</view>