hookehuyr

style: 调整页面样式和布局

- 修改 FeedbackList 页面的按钮内边距
- 移除 AlbumList 页面的视频时长注释
- 调整 Feedback 页面的提交按钮垂直内边距
- 重构 Dashboard 页面的英雄区域布局和样式
......@@ -145,7 +145,7 @@ const initMockData = () => {
type: 'video',
url: 'https://vjs.zencdn.net/v/oceans.mp4',
thumbnail: 'https://img.yzcdn.cn/vant/apple-1.jpg',
duration: 125, // 秒
// duration: 125, // 秒
createTime: '2024-01-14 16:20'
},
{
......
<template>
<view class="min-h-screen flex flex-col bg-white pb-16" style="background-color: #F9FAFB;">
<!-- 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>
<h1 class="text-white text-2xl font-bold">{{ familyName }}</h1>
<p class="text-white opacity-90">{{ familySlogn }}</p>
</view>
</view>
......
......@@ -90,7 +90,7 @@
<!-- Submit Button -->
<view
@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>
......
......@@ -156,7 +156,7 @@
background: linear-gradient(135deg, var(--primary-color), var(--primary-color));
color: white;
border-radius: 24rpx;
padding: 32rpx;
padding: 25rpx;
text-align: center;
font-size: 32rpx;
font-weight: 600;
......