hookehuyr

feat: 新增我的家庭页面和相关配置

添加我的家庭页面组件,包括Vue文件、样式文件和配置文件
在应用配置中注册新页面路由
在个人资料页面添加家庭菜单项导航
/*
* @Date: 2025-06-28 10:33:00
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-08-28 22:28:53
* @LastEditTime: 2025-08-29 10:52:42
* @FilePath: /lls_program/src/app.config.js
* @Description: 文件描述
*/
......@@ -10,6 +10,7 @@ export default {
// 'pages/index/index',
// 'pages/auth/index',
'pages/Dashboard/index',
'pages/MyFamily/index',
'pages/Welcome/index',
'pages/CreateFamily/index',
'pages/JoinFamily/index',
......
/*
* @Date: 2025-08-29 10:51:54
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-08-29 10:52:16
* @FilePath: /lls_program/src/pages/MyFamily/index.config.js
* @Description: 文件描述
*/
export default {
navigationBarTitleText: '我的家庭',
usingComponents: {
},
}
.red {
color: red;
}
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-08-29 10:52:26
* @FilePath: /lls_program/src/pages/MyFamily/index.vue
* @Description: 文件描述
-->
<template>
<div class="red">{{ str }}</div>
</template>
<script setup>
import '@tarojs/taro/html.css'
import { ref } from "vue";
import "./index.less";
// 定义响应式数据
const str = ref('我的家庭')
</script>
<script>
export default {
name: "MyFamily",
};
</script>
<!--
* @Date: 2025-08-27 17:47:46
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-08-28 21:12:23
* @LastEditTime: 2025-08-29 11:12:30
* @FilePath: /lls_program/src/pages/Profile/index.vue
* @Description: 文件描述
-->
......@@ -47,12 +47,19 @@
import { ref, shallowRef } from 'vue';
import Taro from '@tarojs/taro';
import BottomNav from '../../components/BottomNav.vue';
import { Shop3, Cart, Message, Tips, Right } from '@nutui/icons-vue-taro';
import { My, Shop3, Cart, Message, Tips, Right } from '@nutui/icons-vue-taro';
// 默认头像
const defaultAvatar = 'https://cdn.ipadbiz.cn/mlaj/images/icon_1.jpeg'
const menuItems = shallowRef([
{
id: 'family',
icon: My,
label: '我的家庭',
color: 'bg-blue-500',
onClick: () => Taro.navigateTo({ url: '/pages/MyFamily/index' })
},
{
id: 'points',
icon: Shop3,
label: '积分明细',
......