hookehuyr

refactor(家族封面): 统一使用默认家族封面图片并调整删除按钮样式

将各页面的家族封面图片引用统一为defaultFamilyCover,并调整删除按钮的大小和文字样式
<!--
* @Date: 2025-08-27 17:44:53
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-09-02 11:27:00
* @LastEditTime: 2025-09-02 11:36:49
* @FilePath: /lls_program/src/pages/CreateFamily/index.vue
* @Description: 文件描述
-->
......@@ -116,9 +116,9 @@
<view
v-if="familyAvatar"
@click="deleteAvatar"
class="absolute -top-2 -right-2 w-6 h-6 bg-red-500 rounded-full flex items-center justify-center"
class="absolute -top-2 -right-2 w-5 h-5 bg-red-500 rounded-full flex items-center justify-center"
>
<view class="text-white text-sm">×</view>
<view class="text-white text-xs">×</view>
</view>
<view
@click="chooseImage"
......@@ -177,7 +177,7 @@ import Taro from '@tarojs/taro';
import { Edit, Tips, Photograph, Right } from '@nutui/icons-vue-taro';
// import AppHeader from '../../components/AppHeader.vue';
import BASE_URL from '@/utils/config';
import defaultFamilyCoverSvg from '@/assets/images/default-family-cover.png';
import defaultFamilyCover from '@/assets/images/default-family-cover.png';
const familyName = ref('');
const familyIntro = ref('');
......@@ -214,7 +214,7 @@ const districtColumns = ref([
const familyAvatar = ref('');
const focusedIndex = ref(-1);
const inputRefs = ref([]);
const defaultFamilyCover = ref(defaultFamilyCoverSvg);
const defaultFamilyCover = ref(defaultFamilyCover);
const isFormValid = computed(() => {
return (
......
......@@ -201,6 +201,7 @@ import TotalPointsDisplay from '@/components/TotalPointsDisplay.vue';
import PointsCollector from '@/components/PointsCollector.vue'
import WeRunAuth from '@/components/WeRunAuth.vue'
import { useMediaPreview } from '@/composables/useMediaPreview';
import defaultFamilyCover from '@/assets/images/default-family-cover.png';
const todaySteps = ref(0);
const isWeRunAuthorized = ref(false);
......@@ -362,7 +363,7 @@ const initPageData = async () => {
// 获取用户信息
familyName.value = '张爷爷的家庭'
familySlogn.value = '每日走万步,全家一起行'
familyCover.value = 'https://placehold.co/800x400/e2f3ff/0369a1?text=LFX&font=roboto'
familyCover.value = defaultFamilyCover
}
useDidShow(() => {
......
<!--
* @Date: 2025-08-27 17:44:53
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-09-02 11:23:27
* @LastEditTime: 2025-09-02 11:38:50
* @FilePath: /lls_program/src/pages/EditFamily/index.vue
* @Description: 文件描述
-->
......@@ -115,9 +115,9 @@
<view
v-if="familyAvatar"
@click="deleteAvatar"
class="absolute -top-2 -right-2 w-6 h-6 bg-red-500 rounded-full flex items-center justify-center"
class="absolute -top-2 -right-2 w-5 h-5 bg-red-500 rounded-full flex items-center justify-center"
>
<view class="text-white text-sm">×</view>
<view class="text-white text-xs">×</view>
</view>
<view
@click="chooseImage"
......@@ -173,7 +173,7 @@ import Taro from '@tarojs/taro';
import { Edit, Tips, Photograph, Right } from '@nutui/icons-vue-taro';
// import AppHeader from '../../components/AppHeader.vue';
import BASE_URL from '@/utils/config';
import defaultFamilyCoverSvg from '@/assets/images/default-family-cover.png';
import defaultFamilyCover from '@/assets/images/default-family-cover.png';
const familyName = ref('');
const familyIntro = ref('');
......@@ -209,7 +209,7 @@ const districtColumns = ref([
]);
const familyAvatar = ref('');
const focusedIndex = ref(-1);
const defaultFamilyCover = ref(defaultFamilyCoverSvg);
const defaultFamilyCover = ref(defaultFamilyCover);
// 图片预览相关
const previewVisible = ref(false);
......