今天给大家分享一个正在开发的uni-app跨端后台管理系统UNI-UADMIN。
uni-uadmin 一款基于 uniapp+uView-ui1.8.4+uni-ui+vue-i18n8.26.0 等技术开发的多端后台管理系统。
如上图:在H5和小程序中效果完美一致,另外还支持换肤功能。
底部dock菜单支持switchTab切换,支持左右拖拽滑动,背景采用了毛玻璃模糊效果。
dock菜单配置
dock图标支持iconfont和img图片。
tabList: {
type: Array,
default: () => [
/* Tab菜单 */
{
type: 'tab',
path: '/pages/index/index',
icon: `\ue619`,
color: '#2979ff',
title: '首页',
},
{
type: 'tab',
path: '/pages/component/index',
// img: require('@/static/mac/launchpad.png'),
icon: 'icon-component',
color: '#17c956',
title: '组件',
badge: 5,
},
{
type: 'tab',
path: '/pages/permission/all',
icon: 'icon-auth',
color: '#f44336',
title: '权限管理',
},
{
type: 'tab',
path: '/pages/setting/index',
img: require('@/static/mac/system.png'),
title: '设置',
dot: true,
},
{
path: '/pages/error/404',
img: require('@/static/mac/keychain.png'),
title: '错误页面',
},
{ type: 'divider' },
/* Nav菜单 */
{
// icon: `\ue679`,
img: require('@/static/logo.png'),
title: 'github',
},
{
// icon: 'icon-gitee',
img: 'https://www.uviewui.com/common/logo.png',
title: 'gitee',
},
{
img: require('@/static/mac/colorsync.png'),
title: '皮肤',
},
{
img: require('@/static/mac/info.png'),
title: '关于',
},
{ type: 'divider' },
{
img: require('@/static/mac/bin.png'),
title: '回收站',
badge: 12,
},
]
},
OK,今天就分享到这里。后面还会陆续介绍一些新功能。
本文暂时没有评论,来添加一个吧(●'◡'●)