Hooke / manulife-weapp

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
7ddb14a8 1 parent 264be3f3

style(ui): 增大产品中心和详情页的字体与图标尺寸 

- 增大产品卡片标题字体（28rpx → 32rpx）
- 调整标签样式（更圆润、优化内边距）
- 调整文档列表项（图标更大、文件名显示2行）

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Inline Side-by-side
Showing 4 changed files with 8 additions and 8 deletions
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
8 <!-- 内容区域 --> 8 <!-- 内容区域 -->
9 <view class="flex-1 min-w-0"> 9 <view class="flex-1 min-w-0">
10 <!-- 标题 --> 10 <!-- 标题 -->
11 - <view class="text-[#1F2937] text-[30rpx] font-bold leading-[1.4] mb-[8rpx] line-clamp-2"> 11 + <view class="text-[#1F2937] text-[32rpx] font-bold leading-[1.4] mb-[8rpx] line-clamp-2">
12 {{ title }} 12 {{ title }}
13 </view> 13 </view>
14 14
......
1 <template> 1 <template>
2 <view class="bg-gray-50 rounded-[24rpx] p-[28rpx] product-card"> 2 <view class="bg-gray-50 rounded-[24rpx] p-[28rpx] product-card">
3 <!-- 产品名称 --> 3 <!-- 产品名称 -->
4 - <text class="block text-gray-800 text-[28rpx] font-medium mb-[20rpx]">{{ productName }}</text> 4 + <text class="block text-gray-800 text-[32rpx] font-medium mb-[20rpx]">{{ productName }}</text>
5 5
6 <!-- 产品标签 --> 6 <!-- 产品标签 -->
7 <view v-if="tags && tags.length" class="flex flex-wrap gap-[12rpx] mb-[24rpx]"> 7 <view v-if="tags && tags.length" class="flex flex-wrap gap-[12rpx] mb-[24rpx]">
8 <view 8 <view
9 v-for="tag in tags" 9 v-for="tag in tags"
10 :key="tag.id" 10 :key="tag.id"
11 - class="rounded-[8rpx] px-[16rpx] py-[6rpx]" 11 + class="text-[20rpx] px-[12rpx] py-[4rpx] rounded-full"
12 :style="{ 12 :style="{
13 backgroundColor: tag.bg_color, 13 backgroundColor: tag.bg_color,
14 color: tag.text_color 14 color: tag.text_color
......
...@@ -73,12 +73,12 @@ ...@@ -73,12 +73,12 @@
73 <!-- Content --> 73 <!-- Content -->
74 <view class="flex-1 flex flex-col py-[20rpx] pr-[20rpx]"> 74 <view class="flex-1 flex flex-col py-[20rpx] pr-[20rpx]">
75 <!-- Title --> 75 <!-- Title -->
76 - <view class="text-[#1F2937] text-[28rpx] font-medium leading-[1.4] line-clamp-2 mb-[12rpx]"> 76 + <view class="text-[#1F2937] text-[32rpx] font-medium leading-[1.4] line-clamp-2 mb-[12rpx]">
77 {{ item.product_name }} 77 {{ item.product_name }}
78 </view> 78 </view>
79 79
80 <!-- 动态标签 --> 80 <!-- 动态标签 -->
81 - <view v-if="item.tags && item.tags.length > 0" class="flex flex-wrap gap-[8rpx] mb-[8rpx]"> 81 + <view v-if="item.tags && item.tags.length > 0" class="flex flex-wrap gap-[8rpx] mt-[8rpx] mb-[8rpx]">
82 <view 82 <view
83 v-for="tag in item.tags" 83 v-for="tag in item.tags"
84 :key="tag.id" 84 :key="tag.id"
......
...@@ -80,15 +80,15 @@ ...@@ -80,15 +80,15 @@
80 <div class="flex items-center flex-1 mr-[24rpx]"> 80 <div class="flex items-center flex-1 mr-[24rpx]">
81 <image 81 <image
82 :src="getDocumentIcon(doc.file_name)" 82 :src="getDocumentIcon(doc.file_name)"
83 - class="w-[48rpx] h-[48rpx] mr-[24rpx]" 83 + class="w-[58rpx] h-[58rpx] mr-[24rpx]"
84 mode="aspectFit" 84 mode="aspectFit"
85 /> 85 />
86 <div class="flex flex-col"> 86 <div class="flex flex-col">
87 - <span class="text-[#1F2937] text-[28rpx] font-medium mb-[4rpx] line-clamp-1">{{ doc.file_name }}</span> 87 + <span class="text-[#1F2937] text-[28rpx] font-medium mb-[4rpx] line-clamp-2">{{ doc.file_name }}</span>
88 <span class="text-[#9CA3AF] text-[24rpx]">{{ getDocumentLabel(doc.file_name) }} · {{ doc.file_size_formatted }}</span> 88 <span class="text-[#9CA3AF] text-[24rpx]">{{ getDocumentLabel(doc.file_name) }} · {{ doc.file_size_formatted }}</span>
89 </div> 89 </div>
90 </div> 90 </div>
91 - <IconFont name="eye" size="20" color="#2563EB" @tap="viewDocument(doc)" /> 91 + <IconFont name="eye" size="14" color="#2563EB" @tap="viewDocument(doc)" />
92 </div> 92 </div>
93 </div> 93 </div>
94 </div> 94 </div>
......