style: 调整页面样式和布局

- 修改 FeedbackList 页面的按钮内边距
- 移除 AlbumList 页面的视频时长注释
- 调整 Feedback 页面的提交按钮垂直内边距
- 重构 Dashboard 页面的英雄区域布局和样式

@@ -145,7 +145,7 @@ const initMockData = () => {
       type: 'video',
       type: 'video',
       url: 'https://vjs.zencdn.net/v/oceans.mp4',
       url: 'https://vjs.zencdn.net/v/oceans.mp4',
       thumbnail: 'https://img.yzcdn.cn/vant/apple-1.jpg',
       thumbnail: 'https://img.yzcdn.cn/vant/apple-1.jpg',
-      duration: 125, // 秒
+      // duration: 125, // 秒
       createTime: '2024-01-14 16:20'
       createTime: '2024-01-14 16:20'
     },
     },
     {
     {

 <template>
 <template>
   <view class="min-h-screen flex flex-col bg-white pb-16" style="background-color: #F9FAFB;">
   <view class="min-h-screen flex flex-col bg-white pb-16" style="background-color: #F9FAFB;">
     <!-- Hero section with family name and background image -->
     <!-- Hero section with family name and background image -->
-    <view class="relative" style="height: 30vh;">
-      <image :src="familyCover" mode="aspectFill" alt="Family background" class="w-full h-full object-cover" />
-      <view class="absolute inset-0 bg-black bg-opacity-30 flex flex-col justify-end p-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>
+    <view class=" bg-white rounded-xl shadow-md mx-4 mt-4 relative" style="height: 30vh;">
+      <image :src="familyCover" mode="aspectFill" alt="Family background" class="w-full h-full object-cover rounded-xl" />
+      <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>
+          </view>
+          <h1 class="text-white text-2xl font-bold">{{ familyName }}</h1>
+          <p class="text-white opacity-90">{{ familySlogn }}</p>
         </view>
         </view>
-        <h1 class="text-white text-2xl font-bold">{{ familyName }}</h1>
-        <p class="text-white opacity-90">{{ familySlogn }}</p>
       </view>
       </view>
     </view>
     </view>
 
 

@@ -90,7 +90,7 @@
       <!-- Submit Button -->
       <!-- Submit Button -->
       <view
       <view
         @click="submitFeedback"
         @click="submitFeedback"
-        class="w-full py-3 bg-blue-500 text-white text-lg font-medium rounded-lg flex items-center justify-center"
+        class="w-full py-2 bg-blue-500 text-white text-lg font-medium rounded-lg flex items-center justify-center"
       >
       >
         提交反馈
         提交反馈
       </view>
       </view>

@@ -156,7 +156,7 @@
     background: linear-gradient(135deg, var(--primary-color), var(--primary-color));
     background: linear-gradient(135deg, var(--primary-color), var(--primary-color));
     color: white;
     color: white;
     border-radius: 24rpx;
     border-radius: 24rpx;
-    padding: 32rpx;
+    padding: 25rpx;
     text-align: center;
     text-align: center;
     font-size: 32rpx;
     font-size: 32rpx;
     font-weight: 600;
     font-weight: 600;