hookehuyr

fix: 修复反馈页面 textarea 样式问题

- 将 NutUI textarea 替换为原生 textarea 组件
- 原生组件可完全控制 padding、字体等样式
- 手动实现字符计数功能(右下角显示)
- 修复 help-center 图标名称和文案

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
<!--
* @Date: 2026-01-29 22:26:13
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2026-01-30 21:36:29
* @LastEditTime: 2026-01-31 14:40:32
* @FilePath: /manulife-weapp/src/pages/feedback/index.vue
* @Description: 文件描述
-->
......@@ -26,17 +26,19 @@
</view>
<!-- Description -->
<view class="bg-white rounded-[24rpx] p-[32rpx] mb-[24rpx] shadow-sm">
<view class="bg-white rounded-[24rpx] p-[28rpx] mb-[24rpx] shadow-sm">
<view class="text-[30rpx] font-bold text-gray-900 mb-[24rpx]">问题描述</view>
<view class="border border-[#E5E7EB] rounded-[16rpx] overflow-hidden">
<nut-textarea
<view class="feedback-textarea-wrapper border border-[#E5E7EB] rounded-[16rpx] overflow-hidden relative">
<textarea
v-model="description"
placeholder="请详细描述您遇到的问题或建议..."
:rows="4"
limit-show
max-length="200"
class="!p-[24rpx] !text-[28rpx] !border-none w-full"
:maxlength="200"
class="w-full h-[240rpx] p-[24rpx] text-[28rpx] leading-normal bg-transparent resize-none"
auto-height
/>
<view class="absolute bottom-[16rpx] right-[24rpx] text-[22rpx] text-gray-400">
{{ description.length }}/200
</view>
</view>
</view>
......@@ -101,3 +103,6 @@ const onSubmit = () => {
}, 1000)
}
</script>
<style lang="less">
</style>
......
......@@ -23,7 +23,7 @@
<text class="text-[32rpx] text-gray-900 font-medium">联系客服</text>
</view>
<view class="z-10">
<IconFont name="rectRight" class="text-gray-400" size="16" />
<IconFont name="rect-right" class="text-gray-400" size="16" />
</view>
</view>
......@@ -139,8 +139,8 @@ const contactMethods = [
{
icon: 'service',
label: '微信公众号',
value: '美乐爱觉',
desc: '搜索"美乐爱觉"关注我们',
value: 'manulife',
desc: '搜索"manulife"关注我们',
color: '#16A34A' // green-600
},
{
......