hookehuyr

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

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

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
......@@ -8,7 +8,7 @@
<!-- 内容区域 -->
<view class="flex-1 min-w-0">
<!-- 标题 -->
<view class="text-[#1F2937] text-[30rpx] font-bold leading-[1.4] mb-[8rpx] line-clamp-2">
<view class="text-[#1F2937] text-[32rpx] font-bold leading-[1.4] mb-[8rpx] line-clamp-2">
{{ title }}
</view>
......
<template>
<view class="bg-gray-50 rounded-[24rpx] p-[28rpx] product-card">
<!-- 产品名称 -->
<text class="block text-gray-800 text-[28rpx] font-medium mb-[20rpx]">{{ productName }}</text>
<text class="block text-gray-800 text-[32rpx] font-medium mb-[20rpx]">{{ productName }}</text>
<!-- 产品标签 -->
<view v-if="tags && tags.length" class="flex flex-wrap gap-[12rpx] mb-[24rpx]">
<view
v-for="tag in tags"
:key="tag.id"
class="rounded-[8rpx] px-[16rpx] py-[6rpx]"
class="text-[20rpx] px-[12rpx] py-[4rpx] rounded-full"
:style="{
backgroundColor: tag.bg_color,
color: tag.text_color
......
......@@ -73,12 +73,12 @@
<!-- Content -->
<view class="flex-1 flex flex-col py-[20rpx] pr-[20rpx]">
<!-- Title -->
<view class="text-[#1F2937] text-[28rpx] font-medium leading-[1.4] line-clamp-2 mb-[12rpx]">
<view class="text-[#1F2937] text-[32rpx] font-medium leading-[1.4] line-clamp-2 mb-[12rpx]">
{{ item.product_name }}
</view>
<!-- 动态标签 -->
<view v-if="item.tags && item.tags.length > 0" class="flex flex-wrap gap-[8rpx] mb-[8rpx]">
<view v-if="item.tags && item.tags.length > 0" class="flex flex-wrap gap-[8rpx] mt-[8rpx] mb-[8rpx]">
<view
v-for="tag in item.tags"
:key="tag.id"
......
......@@ -80,15 +80,15 @@
<div class="flex items-center flex-1 mr-[24rpx]">
<image
:src="getDocumentIcon(doc.file_name)"
class="w-[48rpx] h-[48rpx] mr-[24rpx]"
class="w-[58rpx] h-[58rpx] mr-[24rpx]"
mode="aspectFit"
/>
<div class="flex flex-col">
<span class="text-[#1F2937] text-[28rpx] font-medium mb-[4rpx] line-clamp-1">{{ doc.file_name }}</span>
<span class="text-[#1F2937] text-[28rpx] font-medium mb-[4rpx] line-clamp-2">{{ doc.file_name }}</span>
<span class="text-[#9CA3AF] text-[24rpx]">{{ getDocumentLabel(doc.file_name) }} · {{ doc.file_size_formatted }}</span>
</div>
</div>
<IconFont name="eye" size="20" color="#2563EB" @tap="viewDocument(doc)" />
<IconFont name="eye" size="14" color="#2563EB" @tap="viewDocument(doc)" />
</div>
</div>
</div>
......