基于vue.js+uniapp后台管理系统uni-uadmin

今天给大家分享一个正在开发的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，今天就分享到这里。后面还会陆续介绍一些新功能。