feat(消息页面): 重构消息页面UI并添加NutUI组件支持
- 使用NutUI组件重构消息页面布局和样式 - 添加Tab分类功能支持全部、未读、通知和留言 - 实现消息列表的滚动加载功能 - 更新全局组件声明添加NutUI的Col、Row、Tabs等组件 - 修改页面标题从"首页"改为"消息"
Showing
3 changed files
with
12 additions
and
1 deletions
| ... | @@ -9,6 +9,7 @@ declare module 'vue' { | ... | @@ -9,6 +9,7 @@ declare module 'vue' { |
| 9 | export interface GlobalComponents { | 9 | export interface GlobalComponents { |
| 10 | NavBar: typeof import('./src/components/navBar.vue')['default'] | 10 | NavBar: typeof import('./src/components/navBar.vue')['default'] |
| 11 | NutButton: typeof import('@nutui/nutui-taro')['Button'] | 11 | NutButton: typeof import('@nutui/nutui-taro')['Button'] |
| 12 | + NutCol: typeof import('@nutui/nutui-taro')['Col'] | ||
| 12 | NutConfigProvider: typeof import('@nutui/nutui-taro')['ConfigProvider'] | 13 | NutConfigProvider: typeof import('@nutui/nutui-taro')['ConfigProvider'] |
| 13 | NutForm: typeof import('@nutui/nutui-taro')['Form'] | 14 | NutForm: typeof import('@nutui/nutui-taro')['Form'] |
| 14 | NutFormItem: typeof import('@nutui/nutui-taro')['FormItem'] | 15 | NutFormItem: typeof import('@nutui/nutui-taro')['FormItem'] |
| ... | @@ -19,9 +20,12 @@ declare module 'vue' { | ... | @@ -19,9 +20,12 @@ declare module 'vue' { |
| 19 | NutNavbar: typeof import('@nutui/nutui-taro')['Navbar'] | 20 | NutNavbar: typeof import('@nutui/nutui-taro')['Navbar'] |
| 20 | NutPicker: typeof import('@nutui/nutui-taro')['Picker'] | 21 | NutPicker: typeof import('@nutui/nutui-taro')['Picker'] |
| 21 | NutPopup: typeof import('@nutui/nutui-taro')['Popup'] | 22 | NutPopup: typeof import('@nutui/nutui-taro')['Popup'] |
| 23 | + NutRow: typeof import('@nutui/nutui-taro')['Row'] | ||
| 22 | NutSearchbar: typeof import('@nutui/nutui-taro')['Searchbar'] | 24 | NutSearchbar: typeof import('@nutui/nutui-taro')['Searchbar'] |
| 23 | NutSwiper: typeof import('@nutui/nutui-taro')['Swiper'] | 25 | NutSwiper: typeof import('@nutui/nutui-taro')['Swiper'] |
| 24 | NutSwiperItem: typeof import('@nutui/nutui-taro')['SwiperItem'] | 26 | NutSwiperItem: typeof import('@nutui/nutui-taro')['SwiperItem'] |
| 27 | + NutTabPane: typeof import('@nutui/nutui-taro')['TabPane'] | ||
| 28 | + NutTabs: typeof import('@nutui/nutui-taro')['Tabs'] | ||
| 25 | NutTextarea: typeof import('@nutui/nutui-taro')['Textarea'] | 29 | NutTextarea: typeof import('@nutui/nutui-taro')['Textarea'] |
| 26 | Picker: typeof import('./src/components/time-picker-data/picker.vue')['default'] | 30 | Picker: typeof import('./src/components/time-picker-data/picker.vue')['default'] |
| 27 | PosterBuilder: typeof import('./src/components/PosterBuilder/index.vue')['default'] | 31 | PosterBuilder: typeof import('./src/components/PosterBuilder/index.vue')['default'] | ... | ... |
| 1 | +/* | ||
| 2 | + * @Date: 2025-07-01 17:55:00 | ||
| 3 | + * @LastEditors: hookehuyr hookehuyr@gmail.com | ||
| 4 | + * @LastEditTime: 2025-07-02 11:14:06 | ||
| 5 | + * @FilePath: /jgdl/src/pages/messages/index.config.js | ||
| 6 | + * @Description: 文件描述 | ||
| 7 | + */ | ||
| 1 | export default { | 8 | export default { |
| 2 | - navigationBarTitleText: '首页' | 9 | + navigationBarTitleText: '消息' |
| 3 | } | 10 | } | ... | ... |
This diff is collapsed. Click to expand it.
-
Please register or login to post a comment