
在关于页面添加自定义导航栏组件 fg-navbar,并配置 pages.config.ts 实现自动导入 新增 fg-navbar 组件,基于 wd-navbar 封装,提供统一的导航栏样式和返回逻辑 ``` 这个提交消息: 1. 使用 feat 类型,因为是新增功能 2. 添加了 scope (about) 表示主要修改的是关于页面 3. 描述部分简洁说明了"添加自定义导航栏组件"这个主要变更和"配置自动导入"这个配套修改 4. 在正文中补充说明了新增组件的实现细节和目的
46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
import { defineUniPages } from '@uni-helper/vite-plugin-uni-pages'
|
||
|
||
export default defineUniPages({
|
||
globalStyle: {
|
||
navigationStyle: 'default',
|
||
navigationBarTitleText: 'unibest',
|
||
navigationBarBackgroundColor: '#f8f8f8',
|
||
navigationBarTextStyle: 'black',
|
||
backgroundColor: '#FFFFFF',
|
||
},
|
||
easycom: {
|
||
autoscan: true,
|
||
custom: {
|
||
'^fg-(.*)': '@/components/fg-$1/fg-$1.vue',
|
||
'^wd-(.*)': 'wot-design-uni/components/wd-$1/wd-$1.vue',
|
||
'^(?!z-paging-refresh|z-paging-load-more)z-paging(.*)':
|
||
'z-paging/components/z-paging$1/z-paging$1.vue',
|
||
},
|
||
},
|
||
// 如果不需要tabBar,可以注释掉这个配置,或者直接删除
|
||
tabBar: {
|
||
color: '#999999',
|
||
selectedColor: '#018d71',
|
||
backgroundColor: '#F8F8F8',
|
||
borderStyle: 'black',
|
||
height: '50px',
|
||
fontSize: '10px',
|
||
iconWidth: '24px',
|
||
spacing: '3px',
|
||
list: [
|
||
{
|
||
iconPath: 'static/tabbar/home.png',
|
||
selectedIconPath: 'static/tabbar/homeHL.png',
|
||
pagePath: 'pages/index/index',
|
||
text: '首页',
|
||
},
|
||
{
|
||
iconPath: 'static/tabbar/example.png',
|
||
selectedIconPath: 'static/tabbar/exampleHL.png',
|
||
pagePath: 'pages/about/about',
|
||
text: '关于',
|
||
},
|
||
],
|
||
},
|
||
})
|