feat: 新增我的家庭页面和相关配置
添加我的家庭页面组件,包括Vue文件、样式文件和配置文件 在应用配置中注册新页面路由 在个人资料页面添加家庭菜单项导航
Showing
5 changed files
with
51 additions
and
3 deletions
| 1 | /* | 1 | /* |
| 2 | * @Date: 2025-06-28 10:33:00 | 2 | * @Date: 2025-06-28 10:33:00 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-08-28 22:28:53 | 4 | + * @LastEditTime: 2025-08-29 10:52:42 |
| 5 | * @FilePath: /lls_program/src/app.config.js | 5 | * @FilePath: /lls_program/src/app.config.js |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | */ | 7 | */ |
| ... | @@ -10,6 +10,7 @@ export default { | ... | @@ -10,6 +10,7 @@ export default { |
| 10 | // 'pages/index/index', | 10 | // 'pages/index/index', |
| 11 | // 'pages/auth/index', | 11 | // 'pages/auth/index', |
| 12 | 'pages/Dashboard/index', | 12 | 'pages/Dashboard/index', |
| 13 | + 'pages/MyFamily/index', | ||
| 13 | 'pages/Welcome/index', | 14 | 'pages/Welcome/index', |
| 14 | 'pages/CreateFamily/index', | 15 | 'pages/CreateFamily/index', |
| 15 | 'pages/JoinFamily/index', | 16 | 'pages/JoinFamily/index', | ... | ... |
src/pages/MyFamily/index.config.js
0 → 100755
| 1 | +/* | ||
| 2 | + * @Date: 2025-08-29 10:51:54 | ||
| 3 | + * @LastEditors: hookehuyr hookehuyr@gmail.com | ||
| 4 | + * @LastEditTime: 2025-08-29 10:52:16 | ||
| 5 | + * @FilePath: /lls_program/src/pages/MyFamily/index.config.js | ||
| 6 | + * @Description: 文件描述 | ||
| 7 | + */ | ||
| 8 | +export default { | ||
| 9 | + navigationBarTitleText: '我的家庭', | ||
| 10 | + usingComponents: { | ||
| 11 | + }, | ||
| 12 | +} |
src/pages/MyFamily/index.less
0 → 100644
src/pages/MyFamily/index.vue
0 → 100644
| 1 | +<!-- | ||
| 2 | + * @Date: 2022-09-19 14:11:06 | ||
| 3 | + * @LastEditors: hookehuyr hookehuyr@gmail.com | ||
| 4 | + * @LastEditTime: 2025-08-29 10:52:26 | ||
| 5 | + * @FilePath: /lls_program/src/pages/MyFamily/index.vue | ||
| 6 | + * @Description: 文件描述 | ||
| 7 | +--> | ||
| 8 | +<template> | ||
| 9 | + <div class="red">{{ str }}</div> | ||
| 10 | +</template> | ||
| 11 | + | ||
| 12 | +<script setup> | ||
| 13 | +import '@tarojs/taro/html.css' | ||
| 14 | +import { ref } from "vue"; | ||
| 15 | +import "./index.less"; | ||
| 16 | + | ||
| 17 | +// 定义响应式数据 | ||
| 18 | +const str = ref('我的家庭') | ||
| 19 | +</script> | ||
| 20 | + | ||
| 21 | +<script> | ||
| 22 | +export default { | ||
| 23 | + name: "MyFamily", | ||
| 24 | +}; | ||
| 25 | +</script> |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2025-08-27 17:47:46 | 2 | * @Date: 2025-08-27 17:47:46 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-08-28 21:12:23 | 4 | + * @LastEditTime: 2025-08-29 11:12:30 |
| 5 | * @FilePath: /lls_program/src/pages/Profile/index.vue | 5 | * @FilePath: /lls_program/src/pages/Profile/index.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| ... | @@ -47,12 +47,19 @@ | ... | @@ -47,12 +47,19 @@ |
| 47 | import { ref, shallowRef } from 'vue'; | 47 | import { ref, shallowRef } from 'vue'; |
| 48 | import Taro from '@tarojs/taro'; | 48 | import Taro from '@tarojs/taro'; |
| 49 | import BottomNav from '../../components/BottomNav.vue'; | 49 | import BottomNav from '../../components/BottomNav.vue'; |
| 50 | -import { Shop3, Cart, Message, Tips, Right } from '@nutui/icons-vue-taro'; | 50 | +import { My, Shop3, Cart, Message, Tips, Right } from '@nutui/icons-vue-taro'; |
| 51 | // 默认头像 | 51 | // 默认头像 |
| 52 | const defaultAvatar = 'https://cdn.ipadbiz.cn/mlaj/images/icon_1.jpeg' | 52 | const defaultAvatar = 'https://cdn.ipadbiz.cn/mlaj/images/icon_1.jpeg' |
| 53 | 53 | ||
| 54 | const menuItems = shallowRef([ | 54 | const menuItems = shallowRef([ |
| 55 | { | 55 | { |
| 56 | + id: 'family', | ||
| 57 | + icon: My, | ||
| 58 | + label: '我的家庭', | ||
| 59 | + color: 'bg-blue-500', | ||
| 60 | + onClick: () => Taro.navigateTo({ url: '/pages/MyFamily/index' }) | ||
| 61 | + }, | ||
| 62 | + { | ||
| 56 | id: 'points', | 63 | id: 'points', |
| 57 | icon: Shop3, | 64 | icon: Shop3, |
| 58 | label: '积分明细', | 65 | label: '积分明细', | ... | ... |
-
Please register or login to post a comment