style(favorites): 调整收藏列表项图标容器样式
将图标容器尺寸从 64rpx 增大至 88rpx,并添加渐变背景、圆角和内阴影以增强视觉层次。 同时调整图标尺寸为 48rpx 并添加右侧外边距,优化整体布局与视觉对齐。
Showing
1 changed file
with
2 additions
and
2 deletions
| ... | @@ -42,8 +42,8 @@ | ... | @@ -42,8 +42,8 @@ |
| 42 | <!-- Header with Icon --> | 42 | <!-- Header with Icon --> |
| 43 | <view class="flex gap-[24rpx] mb-[12rpx]"> | 43 | <view class="flex gap-[24rpx] mb-[12rpx]"> |
| 44 | <!-- Document Icon --> | 44 | <!-- Document Icon --> |
| 45 | - <view class="w-[64rpx] h-[64rpx] flex-shrink-0 flex items-center justify-center"> | 45 | + <view class="w-[88rpx] h-[88rpx] mr-[24rpx] flex-shrink-0 flex items-center justify-center bg-gradient-to-br from-blue-50 to-blue-100 rounded-[20rpx] shadow-inner self-start"> |
| 46 | - <image :src="getDocumentIcon(item.title)" class="w-[56rpx] h-[56rpx]" mode="aspectFit" /> | 46 | + <image :src="getDocumentIcon(item.title)" class="w-[48rpx] h-[48rpx]" mode="aspectFit" /> |
| 47 | </view> | 47 | </view> |
| 48 | 48 | ||
| 49 | <!-- Title --> | 49 | <!-- Title --> | ... | ... |
-
Please register or login to post a comment