Hooke / lls_program

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
78ee3f84 1 parent f8f24499

style(ui): 更新家庭相册和积分兑换分类页面的文本和样式 

修改家庭相册标题和按钮文本，优化积分兑换分类的背景渐变效果
Inline Side-by-side
Showing 2 changed files with 4 additions and 4 deletions
...@@ -138,9 +138,9 @@ ...@@ -138,9 +138,9 @@
138 <!-- Family album --> 138 <!-- Family album -->
139 <view class="p-5 mt-4 mb-6 bg-white rounded-xl shadow-md mx-4"> 139 <view class="p-5 mt-4 mb-6 bg-white rounded-xl shadow-md mx-4">
140 <view class="flex justify-between items-center mb-2"> 140 <view class="flex justify-between items-center mb-2">
141 - <h2 class="font-medium text-lg">家庭相册</h2> 141 + <h2 class="font-medium text-lg">多彩瞬间</h2>
142 <view class="text-blue-500 flex items-center" @click="openAlbumList"> 142 <view class="text-blue-500 flex items-center" @click="openAlbumList">
143 - 打开相册 143 + 查看更多
144 </view> 144 </view>
145 </view> 145 </view>
146 <p class="text-sm text-gray-500 mb-3">记录每一个家庭活动瞬间</p> 146 <p class="text-sm text-gray-500 mb-3">记录每一个家庭活动瞬间</p>
......
1 <!-- 1 <!--
2 * @Date: 2025-08-27 17:47:03 2 * @Date: 2025-08-27 17:47:03
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-09-08 13:36:16 4 + * @LastEditTime: 2025-09-09 15:16:59
5 * @FilePath: /lls_program/src/pages/RewardCategories/index.vue 5 * @FilePath: /lls_program/src/pages/RewardCategories/index.vue
6 * @Description: 积分兑换分类 6 * @Description: 积分兑换分类
7 --> 7 -->
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 <view class="p-4 space-y-4"> 11 <view class="p-4 space-y-4">
12 <view v-for="(category, index) in categories" :key="category.id" class="rounded-lg overflow-hidden shadow-sm" @click="goToRewards(category)"> 12 <view v-for="(category, index) in categories" :key="category.id" class="rounded-lg overflow-hidden shadow-sm" @click="goToRewards(category)">
13 <view class="relative" style="height: 380rpx;"> 13 <view class="relative" style="height: 380rpx;">
14 - <view class="absolute inset-0 bg-black bg-opacity-30 flex flex-col justify-end p-4 text-white"> 14 + <view class="absolute inset-0 flex flex-col justify-end p-4 text-white" style="background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);">
15 <h3 class="text-xl font-bold mb-1">{{ category.title }}</h3> 15 <h3 class="text-xl font-bold mb-1">{{ category.title }}</h3>
16 <p class="text-sm text-white text-opacity-90"> 16 <p class="text-sm text-white text-opacity-90">
17 {{ category.note }} 17 {{ category.note }}
......