fix(ui): 为nut-textarea组件添加cursorSpacing属性避免键盘遮挡
在多个页面的文本输入区域添加cursorSpacing属性,防止移动端键盘弹出时遮挡输入框
Showing
4 changed files
with
5 additions
and
5 deletions
| ... | @@ -162,7 +162,7 @@ | ... | @@ -162,7 +162,7 @@ |
| 162 | <view class="rate-input-section"> | 162 | <view class="rate-input-section"> |
| 163 | <text class="input-label">{{ isReadOnlyMode ? '评价内容' : '请输入评价内容' }}</text> | 163 | <text class="input-label">{{ isReadOnlyMode ? '评价内容' : '请输入评价内容' }}</text> |
| 164 | <view class="border border-gray-100"> | 164 | <view class="border border-gray-100"> |
| 165 | - <nut-textarea v-model="rateContent" :placeholder="isReadOnlyMode ? '' : '请输入您的评价内容...'" :max-length="200" | 165 | + <nut-textarea v-model="rateContent" :placeholder="isReadOnlyMode ? '' : '请输入您的评价内容...'" :max-length="200" :cursorSpacing="100" |
| 166 | :rows="4" :show-word-limit="!isReadOnlyMode" :readonly="isReadOnlyMode" | 166 | :rows="4" :show-word-limit="!isReadOnlyMode" :readonly="isReadOnlyMode" |
| 167 | :class="{ 'readonly': isReadOnlyMode }" /> | 167 | :class="{ 'readonly': isReadOnlyMode }" /> |
| 168 | </view> | 168 | </view> | ... | ... |
| ... | @@ -215,7 +215,7 @@ | ... | @@ -215,7 +215,7 @@ |
| 215 | 215 | ||
| 216 | <!-- 留言输入框 --> | 216 | <!-- 留言输入框 --> |
| 217 | <view class="message-input mb-4"> | 217 | <view class="message-input mb-4"> |
| 218 | - <nut-textarea v-model="messageText" placeholder="请输入您想对卖家说的话..." :rows="4" :max-length="200" | 218 | + <nut-textarea v-model="messageText" placeholder="请输入您想对卖家说的话..." :rows="4" :max-length="200" :cursorSpacing="100" |
| 219 | show-word-limit class="w-full" /> | 219 | show-word-limit class="w-full" /> |
| 220 | </view> | 220 | </view> |
| 221 | 221 | ... | ... |
| ... | @@ -243,7 +243,7 @@ | ... | @@ -243,7 +243,7 @@ |
| 243 | 243 | ||
| 244 | <!-- 车辆描述 --> | 244 | <!-- 车辆描述 --> |
| 245 | <view class="form-section"> | 245 | <view class="form-section"> |
| 246 | - <nut-textarea v-model="formData.note" placeholder="请描述车辆详情,如使用感受、车况特点等" /> | 246 | + <nut-textarea v-model="formData.note" placeholder="请描述车辆详情,如使用感受、车况特点等" :cursorSpacing="100" /> |
| 247 | </view> | 247 | </view> |
| 248 | </view> | 248 | </view> |
| 249 | 249 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2022-09-19 14:11:06 | 2 | * @Date: 2022-09-19 14:11:06 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-07-17 14:20:06 | 4 | + * @LastEditTime: 2025-07-17 14:31:55 |
| 5 | * @FilePath: /jgdl/src/pages/setAuthCar/index.vue | 5 | * @FilePath: /jgdl/src/pages/setAuthCar/index.vue |
| 6 | * @Description: 申请认证 | 6 | * @Description: 申请认证 |
| 7 | --> | 7 | --> |
| ... | @@ -121,7 +121,7 @@ | ... | @@ -121,7 +121,7 @@ |
| 121 | <view class="form-section"> | 121 | <view class="form-section"> |
| 122 | <text class="section-title">车辆描述</text> | 122 | <text class="section-title">车辆描述</text> |
| 123 | <nut-textarea v-model="formData.note" placeholder="请描述车辆详情,如使用感受、车况特点等" :max-length="200" :rows="4" | 123 | <nut-textarea v-model="formData.note" placeholder="请描述车辆详情,如使用感受、车况特点等" :max-length="200" :rows="4" |
| 124 | - show-word-limit /> | 124 | + show-word-limit :cursorSpacing="100" /> |
| 125 | </view> | 125 | </view> |
| 126 | </view> | 126 | </view> |
| 127 | 127 | ... | ... |
-
Please register or login to post a comment