Showing
2 changed files
with
25 additions
and
25 deletions
| ... | @@ -91,40 +91,40 @@ | ... | @@ -91,40 +91,40 @@ |
| 91 | </view> | 91 | </view> |
| 92 | </view> | 92 | </view> |
| 93 | </view> | 93 | </view> |
| 94 | - <!-- Family Avatar --> | 94 | + <!-- Family Cover --> |
| 95 | <view class="mb-10"> | 95 | <view class="mb-10"> |
| 96 | <view class="bg-white rounded-lg border border-gray-200 p-4"> | 96 | <view class="bg-white rounded-lg border border-gray-200 p-4"> |
| 97 | <view class="block text-lg font-medium mb-2"> | 97 | <view class="block text-lg font-medium mb-2"> |
| 98 | - 家庭头像（选填） | 98 | + 家庭封面图（选填） |
| 99 | </view> | 99 | </view> |
| 100 | - <!-- 已上传头像显示 --> | 100 | + <!-- 已上传封面显示 --> |
| 101 | <view v-if="familyAvatar" class="mb-4"> | 101 | <view v-if="familyAvatar" class="mb-4"> |
| 102 | - <view class="relative inline-block"> | 102 | + <view class="relative"> |
| 103 | <image | 103 | <image |
| 104 | :src="familyAvatar" | 104 | :src="familyAvatar" |
| 105 | - class="w-24 h-24 rounded-lg object-cover" | 105 | + class="w-full h-48 rounded-lg object-cover" |
| 106 | mode="aspectFill" | 106 | mode="aspectFill" |
| 107 | @tap="previewAvatar" | 107 | @tap="previewAvatar" |
| 108 | /> | 108 | /> |
| 109 | <view | 109 | <view |
| 110 | @click="deleteAvatar" | 110 | @click="deleteAvatar" |
| 111 | - class="absolute -top-2 -right-2 w-4 h-4 bg-red-500 rounded-full flex items-center justify-center" | 111 | + class="absolute -top-2 -right-2 w-6 h-6 bg-red-500 rounded-full flex items-center justify-center" |
| 112 | > | 112 | > |
| 113 | - <view class="text-white text-xs">×</view> | 113 | + <view class="text-white text-sm">×</view> |
| 114 | </view> | 114 | </view> |
| 115 | </view> | 115 | </view> |
| 116 | </view> | 116 | </view> |
| 117 | <!-- 上传区域 --> | 117 | <!-- 上传区域 --> |
| 118 | <view | 118 | <view |
| 119 | v-if="!familyAvatar" | 119 | v-if="!familyAvatar" |
| 120 | - class="border border-dashed border-gray-200 rounded-lg p-6 flex flex-col items-center justify-center" | 120 | + class="border border-dashed border-gray-200 rounded-lg p-12 flex flex-col items-center justify-center h-48" |
| 121 | @click="chooseImage" | 121 | @click="chooseImage" |
| 122 | > | 122 | > |
| 123 | - <view class="text-gray-400 mb-2"> | 123 | + <view class="text-gray-400 mb-4"> |
| 124 | - <Photograph size="24" /> | 124 | + <Photograph size="32" /> |
| 125 | </view> | 125 | </view> |
| 126 | - <view class="text-center text-gray-400">点击上传图片</view> | 126 | + <view class="text-center text-gray-400 text-lg">点击上传封面图</view> |
| 127 | - <view class="text-center text-gray-400 text-xs mt-1"> | 127 | + <view class="text-center text-gray-400 text-sm mt-2"> |
| 128 | 支持图片格式（jpg、png）最大10MB | 128 | 支持图片格式（jpg、png）最大10MB |
| 129 | </view> | 129 | </view> |
| 130 | </view> | 130 | </view> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2025-08-27 17:44:53 | 2 | * @Date: 2025-08-27 17:44:53 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-08-29 14:18:23 | 4 | + * @LastEditTime: 2025-08-29 14:26:44 |
| 5 | * @FilePath: /lls_program/src/pages/EditFamily/index.vue | 5 | * @FilePath: /lls_program/src/pages/EditFamily/index.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| ... | @@ -91,40 +91,40 @@ | ... | @@ -91,40 +91,40 @@ |
| 91 | </view> | 91 | </view> |
| 92 | </view> | 92 | </view> |
| 93 | </view> | 93 | </view> |
| 94 | - <!-- Family Avatar --> | 94 | + <!-- Family Cover --> |
| 95 | <view class="mb-10"> | 95 | <view class="mb-10"> |
| 96 | <view class="bg-white rounded-lg border border-gray-200 p-4"> | 96 | <view class="bg-white rounded-lg border border-gray-200 p-4"> |
| 97 | <view class="block text-lg font-medium mb-2"> | 97 | <view class="block text-lg font-medium mb-2"> |
| 98 | - 家庭头像（选填） | 98 | + 家庭封面图（选填） |
| 99 | </view> | 99 | </view> |
| 100 | - <!-- 已上传头像显示 --> | 100 | + <!-- 已上传封面显示 --> |
| 101 | <view v-if="familyAvatar" class="mb-4"> | 101 | <view v-if="familyAvatar" class="mb-4"> |
| 102 | - <view class="relative inline-block"> | 102 | + <view class="relative"> |
| 103 | <image | 103 | <image |
| 104 | :src="familyAvatar" | 104 | :src="familyAvatar" |
| 105 | - class="w-24 h-24 rounded-lg object-cover" | 105 | + class="w-full h-48 rounded-lg object-cover" |
| 106 | mode="aspectFill" | 106 | mode="aspectFill" |
| 107 | @tap="previewAvatar" | 107 | @tap="previewAvatar" |
| 108 | /> | 108 | /> |
| 109 | <view | 109 | <view |
| 110 | @click="deleteAvatar" | 110 | @click="deleteAvatar" |
| 111 | - class="absolute -top-2 -right-2 w-4 h-4 bg-red-500 rounded-full flex items-center justify-center" | 111 | + class="absolute -top-2 -right-2 w-6 h-6 bg-red-500 rounded-full flex items-center justify-center" |
| 112 | > | 112 | > |
| 113 | - <view class="text-white text-xs">×</view> | 113 | + <view class="text-white text-sm">×</view> |
| 114 | </view> | 114 | </view> |
| 115 | </view> | 115 | </view> |
| 116 | </view> | 116 | </view> |
| 117 | <!-- 上传区域 --> | 117 | <!-- 上传区域 --> |
| 118 | <view | 118 | <view |
| 119 | v-if="!familyAvatar" | 119 | v-if="!familyAvatar" |
| 120 | - class="border border-dashed border-gray-300 rounded-lg p-6 flex flex-col items-center justify-center" | 120 | + class="border border-dashed border-gray-200 rounded-lg p-12 flex flex-col items-center justify-center h-48" |
| 121 | @click="chooseImage" | 121 | @click="chooseImage" |
| 122 | > | 122 | > |
| 123 | - <view class="text-gray-400 mb-2"> | 123 | + <view class="text-gray-400 mb-4"> |
| 124 | - <Photograph size="24" /> | 124 | + <Photograph size="32" /> |
| 125 | </view> | 125 | </view> |
| 126 | - <view class="text-center text-gray-400">点击上传图片</view> | 126 | + <view class="text-center text-gray-400 text-lg">点击上传封面图</view> |
| 127 | - <view class="text-center text-gray-400 text-xs mt-1"> | 127 | + <view class="text-center text-gray-400 text-sm mt-2"> |
| 128 | 支持图片格式（jpg、png）最大10MB | 128 | 支持图片格式（jpg、png）最大10MB |
| 129 | </view> | 129 | </view> |
| 130 | </view> | 130 | </view> | ... | ... |
-
Please register or login to post a comment