style(Dashboard): 调整拍照按钮图标大小以适应不同设备
根据设备类型动态设置拍照按钮图标大小,提升平板设备上的视觉体验
Showing
1 changed file
with
3 additions
and
3 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2025-08-27 17:43:45 | 2 | * @Date: 2025-08-27 17:43:45 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-09-19 23:46:06 | 4 | + * @LastEditTime: 2025-09-20 10:26:33 |
| 5 | * @FilePath: /lls_program/src/pages/Dashboard/index.vue | 5 | * @FilePath: /lls_program/src/pages/Dashboard/index.vue |
| 6 | * @Description: 首页 | 6 | * @Description: 首页 |
| 7 | --> | 7 | --> |
| ... | @@ -74,8 +74,8 @@ | ... | @@ -74,8 +74,8 @@ |
| 74 | <!-- 底部:拍照留念 --> | 74 | <!-- 底部:拍照留念 --> |
| 75 | <template #footer> | 75 | <template #footer> |
| 76 | <view @tap="openCamera" class="w-full bg-blue-500 text-white py-3 rounded-lg flex flex-col items-center justify-center"> | 76 | <view @tap="openCamera" class="w-full bg-blue-500 text-white py-3 rounded-lg flex flex-col items-center justify-center"> |
| 77 | - <view class="flex items-center justify-center"> | 77 | + <view class="flex items-center justify-center text-sm"> |
| 78 | - <Photograph size="20" class="mr-2" /> | 78 | + <Photograph :size="isTabletDevice ? 35 : 20" class="mr-2" /> |
| 79 | 拍照留念,奖励积分 | 79 | 拍照留念,奖励积分 |
| 80 | </view> | 80 | </view> |
| 81 | </view> | 81 | </view> | ... | ... |
-
Please register or login to post a comment