更新记录

1.0.0（2024-08-12） 下载此版本

  • 初始版本发布。

平台兼容性

HbuilderX/cli最低兼容版本
3.1.0

uni-app

app-vue app-nvue app-android app-ios app-harmony
? ? ? ? ?
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
? ? ? ? ? ? ? ? ?
微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 钉钉小程序 快手小程序 飞书小程序 京东小程序
? ? ? ? ? ? ? ? ?
快应用-华为 快应用-联盟
? ?

uni-app x

app-android app-ios
? ?
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
? ? ? ? ? ? ? ? ?

kux-autopages

一个自动把 pages.json 内容映射为 uts 类型系统的 vite 插件，方便开发者们灵活在 uts 里面直接处理 pages.json 内容

插件特色

  • 基于 vite HMR 机制实现自动化编译
  • 完全生成 uts 标准的类型文件
  • 修改 pages.json 时自动编译重新生成

使用方法

  • vite.config.ts 注册插件，示例如下：

    import { defineConfig } from 'vite';
import uni from "@dcloudio/vite-plugin-uni";
import autopages from './uni_modules/kux-autopages'

export default defineConfig({
    plugins: [
        uni(),
        autopages()
    ],
})

上面配置完成后，编译时就会自动在项目根目录生成 pages.interface.uts 文件，生成内容实例如下：

/**
* pages.json映射文件，该文件每次重新编译时都会由插件自动生成，不要直接在该文件内编辑！！！
* @author kux <kviewui@163.com>
* @created 2024-08-12 13:22:18
* @version 1.0.0
* @copyright Copyright (c) 2024 The Authors.
* @license MIT License
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:

* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.

* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/

export type PagePath = '/pages/index/index' | '/pages/p1/p1' | '/pages/p2/p2' | '/pages/demo/pageCompInterceptor/pageCompInterceptor' | '/pages/p1/login' | '/pages/demo/tabbarInterceptor/tabbarInterceptor' | '/pages/demo/tabbarInterceptor/login' | '/pages/demo/indexInterceptor/indexInterceptor' | '/pages/demo/indexInterceptor/login' | '/pages/demo/routeInfo/routeInfo' | '/pages/p2/login' | '/pages/test1/test1' | '/pages/test2/test2' | '/pages/profile/profile' | '/pages/demo/syncModalInterceptor/syncModalInterceptor' | '/pages/demo/syncModalInterceptor/login';

export type PageName = 'PagesIndexIndex' | 'PagesP1P1' | 'p2' | 'PagesDemoPageCompInterceptorPageCompInterceptor' | 'PagesP1Login' | 'PagesDemoTabbarInterceptorTabbarInterceptor' | 'PagesDemoTabbarInterceptorLogin' | 'PagesDemoIndexInterceptorIndexInterceptor' | 'PagesDemoIndexInterceptorLogin' | 'PagesDemoRouteInfoRouteInfo' | 'PagesP2Login' | 'PagesTest1Test1' | 'PagesTest2Test2' | 'PagesProfileProfile' | 'PagesDemoSyncModalInterceptorSyncModalInterceptor' | 'PagesDemoSyncModalInterceptorLogin';

export type PageItem = {
    path: PagePath
    name?: string
    needLogin?: boolean
    meta?: UTSJSONObject
    query?: UTSJSONObject
    data?: UTSJSONObject
    style?: UTSJSONObject
};

/**
* 页面样式类型映射
*/
export type NavigationBarTextStyle = 'white' | 'black'
export type NavigationBarShadowColorType = 'grey' | 'blue' | 'green' | 'orange' | 'red' | 'yellow'
export type NavigationBarShadow = {
    colorType: NavigationBarShadowColorType
}
export type NavigationStyle = 'default' | 'custom'
export type PageOrientation = 'auto' | 'portrait' | 'landscape'
export type TransparentTitle = 'always' | 'auto' | 'none'
export type TitlePenetrate = 'YES' | 'NO'
export type CustomButtonType = 'forward' | 'back' | 'share' | 'favorite' | 'home' | 'menu' | 'close' | 'none'
export type CustomButton = {
    type?: CustomButtonType
    color?: string
    background?: string
    badgeText?: string
    colorPressed?: string
    float?: string
    fontWeight?: string
    fontSize?: string
    fontSrc?: string
    select?: string
    text?: string
    width?: string
}
export type SearchInput = {
    autoFocus?: boolean
    align?: string
    backgroundColor?: string
    borderRadius?: string
    placeholder?: string
    placeholderColor?: string
    disabled?: boolean
}
export type TitleNView = {
    backgroundColor?: string
    buttons?: CustomButton[]
    titleColor?: string
    titleText?: string
    titleSize?: string
    type?: string
    searchInput?: SearchInput
}
export type PullToRefreshType = 'defaultValue' | 'circle'
export type PullToRefreshContentcommon = {
    caption?: string
}
export type PullToRefresh = {
    support?: boolean
    color?: string
    type?: PullToRefreshType
    height?: string
    range?: string
    offset?: string
    contentdown?: PullToRefreshContentcommon
    contentover?: PullToRefreshContentcommon
    contentrefresh?: PullToRefreshContentcommon
}
export type H5 = {
    titleNView?: TitleNView
    pullToRefresh?: PullToRefresh
}
export type PageStyle = {
    navigationBarBackgroundColor?: string
    navigationBarTextStyle?: NavigationBarTextStyle
    navigationBarTitleText?: string
    navigationBarShadow?: NavigationBarShadow
    navigationStyle?: NavigationStyle
    backgroundColor?: string
    backgroundColorContent?: string
    enablePullDownRefresh?: boolean
    onReachBottomDistance?: number
    pageOrientation?: PageOrientation
    disableSwipeBack?: boolean
    titleImage?: string
    transparentTitle?: TransparentTitle
    titlePenetrate?: TitlePenetrate
    h5?: H5
    usingComponents?: UTSJSONObject
    leftWindow?: boolean
    topWindow?: boolean
    rightWindow?: boolean
    maxWidth?: number
}
export type AnimationType = 'slide-in-right' | 'slide-in-left' | 'slide-in-top' | 'slide-in-bottom' | 'fade-in' | 'zoom-out' | 'zoom-fade-out' | 'pop-in'
export type GlobalStyle = {
    navigationBarBackgroundColor?: string
    navigationBarTextStyle?: NavigationBarTextStyle
    navigationBarTitleText?: string
    navigationStyle?: NavigationStyle
    backgroundColor?: string
    backgroundColorContent?: string
    enablePullDownRefresh?: boolean
    onReachBottomDistance?: number
    titleImage?: string
    transparentTitle?: TransparentTitle
    titlePenetrate?: TitlePenetrate
    pageOrientation?: PageOrientation
    animationType?: AnimationType
    usingComponents?: UTSJSONObject
    leftWindow?: boolean
    topWindow?: boolean
    rightWindow?: boolean
    rpxCalcMaxDeviceWidth?: number
    rpxCalcBaseDeviceWidth?: number
    rpxCalcIncludeWidth?: number
    maxWidth?: number
    h5?: UTSJSONObject
}

export type IconFont = {
    text?: string
    selectedText?: string
    fontSize?: string
    color?: string
    selectedColor?: string
}
export type TabbarItem = {
    iconfont?: IconFont
    pagePath?: string
    text?: string
    iconPath?: string
    selectedIconPath?: string
    visible?: boolean
}
export type TabbarMidButton = {
    width?: string
    height?: string
    text?: string
    iconPath?: string
    iconWidth?: string
    backgroundImage?: string
}
export type Tabbar = {
    color?: string
    selectedColor?: string
    backgroundColor?: string
    borderStyle?: string
    blurEffect?: string
    list: TabbarItem[]
    fontSize?: string
    iconWith?: string
    spacing?: string
    height?: string
    midButton?: TabbarMidButton
    iconfontSrc?: string
    backgroundImage?: string
    backgroundRepeat?: string
    redDotColor?: string
}
export type MatchMedia = {
    minWidth?: number
}
export type CommonWindow = {
    path?: string
    style?: UTSJSONObject
    matchMedia?: MatchMedia
}
export type ConditionItem = {
    name: string
    path: string
    query?: string
}
export type Condition = {
    current: number
    list: ConditionItem[]
}
export type Easycom = {
    autoscan?: boolean
    custom?: UTSJSONObject
}
export type UniIdRouter = {
    loginPage?: string
    resToLogin?: boolean
    needLogin?: string[]
}
export const pages: PageItem[] = [
    {
        path: '/pages/index/index',
        name: 'PagesIndexIndex',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"uni-app x"}
    },
    {
        path: '/pages/p1/p1',
        name: 'PagesP1P1',
        needLogin: false,
        meta: {"a":2},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"","enablePullDownRefresh":false,"navigationStyle":"custom"}
    },
    {
        path: '/pages/p2/p2',
        name: 'p2',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"","enablePullDownRefresh":false}
    },
    {
        path: '/pages/demo/pageCompInterceptor/pageCompInterceptor',
        name: 'PagesDemoPageCompInterceptorPageCompInterceptor',
        needLogin: false,
        meta: {},
        query: {"a":1},
        data: {},
        style: {"navigationBarTitleText":"","navigationStyle":"custom"}
    },
    {
        path: '/pages/p1/login',
        name: 'PagesP1Login',
        needLogin: false,
        meta: {},
        query: {},
        data: {"b":2},
        style: {"navigationBarTitleText":""}
    },
    {
        path: '/pages/demo/tabbarInterceptor/tabbarInterceptor',
        name: 'PagesDemoTabbarInterceptorTabbarInterceptor',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"","enablePullDownRefresh":false,"navigationStyle":"custom"}
    },
    {
        path: '/pages/demo/tabbarInterceptor/login',
        name: 'PagesDemoTabbarInterceptorLogin',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":""}
    },
    {
        path: '/pages/demo/indexInterceptor/indexInterceptor',
        name: 'PagesDemoIndexInterceptorIndexInterceptor',
        needLogin: true,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"","enablePullDownRefresh":false,"navigationStyle":"custom"}
    },
    {
        path: '/pages/demo/indexInterceptor/login',
        name: 'PagesDemoIndexInterceptorLogin',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"","enablePullDownRefresh":false}
    },
    {
        path: '/pages/demo/routeInfo/routeInfo',
        name: 'PagesDemoRouteInfoRouteInfo',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"查看路由信息示例","enablePullDownRefresh":false,"navigationStyle":"custom"}
    },
    {
        path: '/pages/p2/login',
        name: 'PagesP2Login',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":""}
    },
    {
        path: '/pages/test1/test1',
        name: 'PagesTest1Test1',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":""}
    },
    {
        path: '/pages/test2/test2',
        name: 'PagesTest2Test2',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":""}
    },
    {
        path: '/pages/profile/profile',
        name: 'PagesProfileProfile',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"我的"}
    },
    {
        path: '/pages/demo/syncModalInterceptor/syncModalInterceptor',
        name: 'PagesDemoSyncModalInterceptorSyncModalInterceptor',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"异步弹窗拦截演示"}
    },
    {
        path: '/pages/demo/syncModalInterceptor/login',
        name: 'PagesDemoSyncModalInterceptorLogin',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"异步弹窗拦截登录页面"}
    },
];

export const globalStyle = {
    navigationBarBackgroundColor: '#F8F8F8',
    navigationBarTextStyle: 'black',
    backgroundColor: '#F8F8F8',
} as GlobalStyle

export const hasTabBar = true
export const tabBar = {
    list: [
        {
            pagePath: 'pages/index/index',
            text: '首页',
        },
        {
            pagePath: 'pages/profile/profile',
            text: '我的',
        },
    ] as TabbarItem[],
    fontSize: '20px',
    height: '100px',
} as Tabbar

export const hasTopWindow = false
export const hasLeftWindow = false
export const hasRightWindow = false
export const hasCondition = false
export const hasEasycom = true
export const easycom = {
    autoscan: true,
    custom: {"(.*)-box":"@/components/mybox/$1-box/$1-box.vue"}
} as Easycom

export const hasUniIdRouter = true
export const uniIdRouter = {
} as UniIdRouter

注册参数

插件支持注册时的部分自定义配置，具体如下：

  • pagesJsonMappingFile：pages.json映射文件路径，默认是 pages.interface.uts，使用示例代码：

    import { defineConfig } from 'vite';
import uni from "@dcloudio/vite-plugin-uni";
import autopages from './uni_modules/kux-autopages'

export default defineConfig({
    plugins: [
        uni(),
        autopages({
            pagesJsonMappingFile: 'autopages/pages.uts'
        })
    ],
})

映射类型

NavigationBarTextStyle

导航栏标题颜色，仅支持 black/white。

export type NavigationBarTextStyle = 'white' | 'black'

NavigationBarShadowColorType

阴影的颜色，支持：grey、blue、green、orange、red、yellow

export type NavigationBarShadowColorType = 'grey' | 'blue' | 'green' | 'orange' | 'red' | 'yellow'

NavigationBarShadow

导航栏阴影

export type NavigationBarShadow = {
    colorType: NavigationBarShadowColorType
}

NavigationStyle

导航栏样式，支持：custom、default

export type NavigationStyle = 'custom' | 'default'

PageOrientation

页面旋转设置，支持 auto 设备自适应 / portrait 竖向 / landscape 横向

export type PageOrientation = 'auto' | 'portrait' | 'landscape'

TransparentTitle

导航栏整体（前景、背景）透明设置。支持 always 一直透明 / auto 滑动自适应 / none 不透明

export type TransparentTitle = 'always' | 'auto' | 'none'

TitlePenetrate

导航栏点击穿透

export type TitlePenetrate = 'YES' | 'NO'

CustomButtonType

自定义按钮类型，支持 forward、back、share、favorite、home、menu、close、none

export type CustomButtonType = 'forward' | 'back' | 'share' | 'favorite' | 'home' | 'menu' | 'close' | 'none'

CustomButton

自定义按钮配置

export type CustomButton = {
    type?: CustomButtonType
    color?: string
    background?: string
    badgeText?: string
    colorPressed?: string
    float?: string
    fontWeight?: string
    fontSize?: string
    fontSrc?: string
    select?: string
    text?: string
    width?: string
}

SearchInput

搜索框配置

export type SearchInput = {
    autoFocus?: boolean
    align?: string
    backgroundColor?: string
    borderRadius?: string
    placeholder?: string
    placeholderColor?: string
    disabled?: boolean
}

TitleNView

导航栏 NView 配置

export type TitleNView = {
    backgroundColor?: string
    buttons?: CustomButton[]
    titleColor?: string
    titleText?: string
    titleSize?: string
    type?: string
    searchInput?: SearchInput
}

PullToRefreshType

下拉刷新类型，支持 defaultValue 系统默认 / circle 圆形

export type PullToRefreshType = 'defaultValue' | 'circle'

PullToRefreshContentcommon

下拉刷新内容配置

export type PullToRefreshContentcommon = {
    caption?: string
}

PullToRefresh

下拉刷新配置

export type PullToRefresh = {
    support?: boolean
    color?: string
    type?: PullToRefreshType
    height?: string
    range?: string
    offset?: string
    contentdown?: PullToRefreshContentcommon
    contentover?: PullToRefreshContentcommon
    contentrefresh?: PullToRefreshContentcommon
}

H5

H5 配置

export type H5 = {
    titleNView?: TitleNView
    pullToRefresh?: PullToRefresh
}

PageStyle

页面样式配置

export type PageStyle = {
    navigationBarBackgroundColor?: string
    navigationBarTextStyle?: NavigationBarTextStyle
    navigationBarTitleText?: string
    navigationBarShadow?: NavigationBarShadow
    navigationStyle?: NavigationStyle
    backgroundColor?: string
    backgroundColorContent?: string
    enablePullDownRefresh?: boolean
    onReachBottomDistance?: number
    pageOrientation?: PageOrientation
    disableSwipeBack?: boolean
    titleImage?: string
    transparentTitle?: TransparentTitle
    titlePenetrate?: TitlePenetrate
    h5?: H5
    usingComponents?: UTSJSONObject
    leftWindow?: boolean
    topWindow?: boolean
    rightWindow?: boolean
    maxWidth?: number
}

AnimationType

页面切换动画类型，支持 slide-in-right、slide-in-left、slide-in-top、slide-in-bottom、fade-in、zoom-out、zoom-fade-out、pop-in

export type AnimationType = 'slide-in-right' | 'slide-in-left' | 'slide-in-top' | 'slide-in-bottom' | 'fade-in' | 'zoom-out' | 'zoom-fade-out' | 'pop-in'

GlobalStyle

全局样式配置

export type GlobalStyle = {
    navigationBarBackgroundColor?: string
    navigationBarTextStyle?: NavigationBarTextStyle
    navigationBarTitleText?: string
    navigationStyle?: NavigationStyle
    backgroundColor?: string
    backgroundColorContent?: string
    enablePullDownRefresh?: boolean
    onReachBottomDistance?: number
    titleImage?: string
    transparentTitle?: TransparentTitle
    titlePenetrate?: TitlePenetrate
    pageOrientation?: PageOrientation
    animationType?: AnimationType
    usingComponents?: UTSJSONObject
    leftWindow?: boolean
    topWindow?: boolean
    rightWindow?: boolean
    rpxCalcMaxDeviceWidth?: number
    rpxCalcBaseDeviceWidth?: number
    rpxCalcIncludeWidth?: number
    maxWidth?: number
    h5?: UTSJSONObject
}

IconFont

字体图标配置

export type IconFont = {
    text?: string
    selectedText?: string
    fontSize?: string
    color?: string
    selectedColor?: string
}

TabbarItem

标签栏项配置

export type TabbarItem = {
    iconfont?: IconFont
    pagePath?: string
    text?: string
    iconPath?: string
    selectedIconPath?: string
    visible?: boolean
}

TabbarMidButton

中间按钮配置

export type TabbarMidButton = {
    width?: string
    height?: string
    text?: string
    iconPath?: string
    iconWidth?: string
    backgroundImage?: string
}

Tabbar

标签栏配置

export type Tabbar = {
    color?: string
    selectedColor?: string
    backgroundColor?: string
    borderStyle?: string
    blurEffect?: string
    list: TabbarItem[]
    fontSize?: string
    iconWith?: string
    spacing?: string
    height?: string
    midButton?: TabbarMidButton
    iconfontSrc?: string
    backgroundImage?: string
    backgroundRepeat?: string
    redDotColor?: string
}

MatchMedia

屏幕宽度条件配置

export type MatchMedia = {
    minWidth?: number
}

CommonWindow

通用窗口配置

export type CommonWindow = {
    path?: string
    style?: UTSJSONObject
    matchMedia?: MatchMedia
}

ConditionItem

条件配置项

export type ConditionItem = {
    name: string
    path: string
    query?: string
}

Condition

条件配置

export type Condition = {
    current: number
    list: ConditionItem[]
}

Easycom

easycom 配置

export type Easycom = {
    autoscan?: boolean
    custom?: UTSJSONObject
}

UniIdRouter

uniIdRouter 配置

export type UniIdRouter = {
    loginPage?: string
    resToLogin?: boolean
    needLogin?: string[]
}

PageItem

页面配置项

export type PageItem = {
    path: PagePath
    name?: string
    needLogin?: boolean
    meta?: UTSJSONObject
    query?: UTSJSONObject
    data?: UTSJSONObject
    style?: UTSJSONObject
};

映射变量

pages

页面配置，类型为 PageItem[]，示例如下：

export const pages: PageItem[] = [
    {
        path: '/pages/index/index',
        name: 'PagesIndexIndex',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"uni-app x"}
    },
    {
        path: '/pages/p1/p1',
        name: 'PagesP1P1',
        needLogin: false,
        meta: {"a":2},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"","enablePullDownRefresh":false,"navigationStyle":"custom"}
    },
    {
        path: '/pages/p2/p2',
        name: 'p2',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"","enablePullDownRefresh":false}
    },
    {
        path: '/pages/demo/pageCompInterceptor/pageCompInterceptor',
        name: 'PagesDemoPageCompInterceptorPageCompInterceptor',
        needLogin: false,
        meta: {},
        query: {"a":1},
        data: {},
        style: {"navigationBarTitleText":"","navigationStyle":"custom"}
    },
    {
        path: '/pages/p1/login',
        name: 'PagesP1Login',
        needLogin: false,
        meta: {},
        query: {},
        data: {"b":2},
        style: {"navigationBarTitleText":""}
    },
    {
        path: '/pages/demo/tabbarInterceptor/tabbarInterceptor',
        name: 'PagesDemoTabbarInterceptorTabbarInterceptor',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"","enablePullDownRefresh":false,"navigationStyle":"custom"}
    },
    {
        path: '/pages/demo/tabbarInterceptor/login',
        name: 'PagesDemoTabbarInterceptorLogin',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":""}
    },
    {
        path: '/pages/demo/indexInterceptor/indexInterceptor',
        name: 'PagesDemoIndexInterceptorIndexInterceptor',
        needLogin: true,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"","enablePullDownRefresh":false,"navigationStyle":"custom"}
    },
    {
        path: '/pages/demo/indexInterceptor/login',
        name: 'PagesDemoIndexInterceptorLogin',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"","enablePullDownRefresh":false}
    },
    {
        path: '/pages/demo/routeInfo/routeInfo',
        name: 'PagesDemoRouteInfoRouteInfo',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"查看路由信息示例","enablePullDownRefresh":false,"navigationStyle":"custom"}
    },
    {
        path: '/pages/p2/login',
        name: 'PagesP2Login',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":""}
    },
    {
        path: '/pages/test1/test1',
        name: 'PagesTest1Test1',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":""}
    },
    {
        path: '/pages/test2/test2',
        name: 'PagesTest2Test2',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":""}
    },
    {
        path: '/pages/profile/profile',
        name: 'PagesProfileProfile',
        needLogin: false,
        meta: {},
        query: {},
        data: {},
        style: {"navigationBarTitleText":"我的"}
    },
];

globalStyle

全局样式配置，类型为 GlobalStyle，示例如下：

export const globalStyle = {
    navigationBarBackgroundColor: '#F8F8F8',
    navigationBarTextStyle: 'black',
    backgroundColor: '#F8F8F8',
} as GlobalStyle

hasTabBar

是否有标签栏，类型为 boolean，示例如下：

export const hasTabBar = true

tabBar

标签栏配置，类型为 Tabbar，示例如下：

export const tabBar = {
    list: [
        {
            pagePath: 'pages/index/index',
            text: '首页',
        },
        {
            pagePath: 'pages/profile/profile',
            text: '我的',
        },
    ] as TabbarItem[],
    fontSize: '20px',
    height: '100px',
} as Tabbar

hasTopWindow

是否有顶层窗口，类型为 boolean，示例如下：

export const hasTopWindow = true

topWindow

顶层窗口配置，类型为 CommonWindow，示例如下：

export const topWindow = {
    path: '/pages/index/index',
    style: {
        navigationBarTitleText: '顶层窗口',
    },
} as CommonWindow

hasLeftWindow

是否有左侧窗口，类型为 boolean，示例如下：

export const hasLeftWindow = true

leftWindow

左侧窗口配置，类型为 CommonWindow，示例如下：

export const leftWindow = {
    path: '/pages/test1/test1',
    style: {
        navigationBarTitleText: '左侧窗口',
    },
} as CommonWindow

hasRightWindow

是否有右侧窗口，类型为 boolean，示例如下：

export const hasRightWindow = true

rightWindow

右侧窗口配置，类型为 CommonWindow，示例如下：

export const rightWindow = {
    path: '/pages/test2/test2',
    style: {
        navigationBarTitleText: '右侧窗口',
    },
} as CommonWindow

condition

条件配置，类型为 Condition，示例如下：

export const condition = {
    current: 0,
    list: [
        {
            name: '登录状态',
            path: '/pages/index/index',
        },
        {
            name: '未登录状态',
            path: '/pages/p1/p1',
        },
    ] as ConditionItem[],
} as Condition

easycom

easycom 配置，类型为 Easycom，示例如下：

export const easycom = {
    autoscan: true,
    custom: {
        'uni-badge': '/components/uni-badge',
        'uni-badge-group': '/components/uni-badge-group/uni-badge-group',
        'uni-popup': '/components/uni-popup/uni-popup',
        'uni-popup-group': '/components/uni-popup-group/uni-popup-group',
        'uni-transition': '/components/uni-transition/uni-transition',
        'uni-icons': '/components/uni-icons/uni-icons',
        'uni-steps': '/components/uni-steps/uni-steps',
        'uni-rate': '/components/uni-rate/uni-rate',
        'uni-swipe-action': '/components/uni-swipe-action/uni-swipe-action',
        'uni-data-picker': '/components/uni-data-picker/uni-data-picker',
        'uni-data-picker-view': '/components/uni-data-picker-view/uni-data-picker-view',
        'uni-datetime-picker': '/components/uni-datetime-picker/uni-datetime-picker',
        'uni-calendar': '/components/uni-calendar/uni-calendar',
        'uni-countdown': '/components/uni-countdown/uni-countdown',
        'uni-divider': '/components/uni-divider/uni-divider',
        'uni-notice-bar': '/components/uni-notice-bar/uni-notice-bar'
    }
} as Easycom

uniIdRouter

uniIdRouter 配置，类型为 UniIdRouter，示例如下：

export const uniIdRouter = {
    loginPage: '/pages/p1/login',
    resToLogin: true,
    needLogin: ['/pages/p1/p1', '/pages/p2/p2'],
} as UniIdRouter

结语

kux 不生产代码，只做代码的搬运工，致力于提供uts 的 js 生态轮子实现，欢迎各位大佬在插件市场搜索使用 kux 生态插件：https://ext.dcloud.net.cn/search?q=kux

友情推荐

  • TMUI4.0：包含了核心的uts插件基类.和uvue组件库
  • GVIM即时通讯模版：GVIM即时通讯模版，基于uni-app x开发的一款即时通讯模版
  • t-uvue-ui：T-UVUE-UI是基于UNI-APP X开发的前端UI框架
  • UxFrame 低代码高性能UI框架：【F2图表、双滑块slider、炫酷效果tabbar、拖拽排序、日历拖拽选择、签名...】UniAppX 高质量UI库
  • wx-ui 基于uni-app x开发的高性能混合UI库：基于uni-app x开发的高性能混合UI库，集成 uts api 和 uts component，提供了一套完整、高效且易于使用的UI组件和API，让您以更少的时间成本，轻松完成高性能应用开发。
  • firstui-uvue：FirstUI（unix）组件库，一款适配 uni-app x 的轻量、简洁、高效、全面的移动端组件库。
  • easyXUI 不仅仅是UI 更是为UniApp X设计的电商模板库：easyX 不仅仅是UI库，更是一个轻量、可定制的UniAPP X电商业务模板库，可作为官方组件库的补充,始终坚持简单好用、易上手
  • Flower Library：一个快速开发 uni 的生态链图书馆

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

插件不采集任何数据

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。

插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...