hookehuyr

style(ui): 优化家庭相册和设置页面的样式细节

- 为相册卡片添加阴影效果提升视觉层次
- 调整家庭设置按钮的图标大小和文字样式
- 统一家庭创建/编辑页面的图片显示模式为aspectFill
......@@ -23,7 +23,7 @@
<view
v-for="(item, index) in albumData"
:key="item.id || index"
class="rounded-lg overflow-hidden h-32 relative cursor-pointer"
class="rounded-lg overflow-hidden h-32 relative cursor-pointer shadow-md"
@click="handleMediaClick(item, albumData)"
>
<image
......
<!--
* @Date: 2025-08-27 17:44:53
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-09-11 19:55:19
* @LastEditTime: 2025-09-11 20:01:15
* @FilePath: /lls_program/src/pages/CreateFamily/index.vue
* @Description: 文件描述
-->
......@@ -108,7 +108,7 @@
<image
:src="familyAvatar || defaultFamilyCover"
class="w-full h-48 rounded-lg object-cover"
mode="widthFix"
mode="aspectFill"
@tap="previewAvatar"
/>
<view
......@@ -146,8 +146,6 @@
</view>
</view>
<!-- 图片预览 -->
<nut-image-preview
v-model:show="previewVisible"
......
......@@ -6,8 +6,8 @@
<view class="absolute inset-0 flex flex-col justify-end rounded-xl bg-black bg-opacity-20">
<view class="m-5">
<view v-if="familyOwner" class="absolute top-4 right-4 text-white flex items-center" @click="goToProfile">
<Setting size="24" />
<text class="ml-2">家庭设置</text>
<Setting size="20" />
<text class="ml-2 text-sm">家庭设置</text>
</view>
<h1 class="text-white text-2xl font-bold">{{ familyName }}</h1>
<p class="text-white opacity-90">{{ familySlogn }}</p>
......
<!--
* @Date: 2025-08-27 17:44:53
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-09-11 19:58:10
* @LastEditTime: 2025-09-11 20:03:53
* @FilePath: /lls_program/src/pages/EditFamily/index.vue
* @Description: 文件描述
-->
......@@ -107,7 +107,7 @@
<image
:src="familyAvatar || defaultFamilyCover"
class="w-full h-48 rounded-lg object-cover"
mode="widthFix"
mode="aspectFill"
@tap="previewAvatar"
/>
<view
......