Appearance
Vue 后台模板(下载与使用)
基于 v3-admin-vite 5.0.2 的 Vue3 + Vite + Element Plus 后台 starter,复用 @sud-web/*(http / utils / vue-hooks / vue-ui)基础设施。下方两套为预设组合,按默认变量预构建、开箱即用:
- 统一登录模板(admin-sso):重定向式 SSO 登录(无登录页),header 布局,基于
@sud-web/http,对外样式皮肤。 - 企业微信模板(admin-wecom):企业微信扫码登录,navigation 布局(NavigationBar + TagsView),自带 axios,对内样式皮肤。
下载
统一登录模板基于 v3-admin-vite 5.0.2
auth: ssolayout: headeraxios: sud-httpskin: external
⬇ 下载 admin-sso.zip1762 KB · 构建于 2026-07-24
企业微信模板基于 v3-admin-vite 5.0.2
auth: wecomlayout: navigationaxios: standaloneskin: internal
⬇ 下载 admin-wecom.zip1886 KB · 构建于 2026-07-24
这里始终只提供最新的预构建包,每次文档构建会自动同步。
下载后怎么用
- 解压 zip,顶层目录即模板根(如
admin-sso/),用编辑器打开。 - 安装依赖:
npm i。 - 按需修改默认变量(生成时已填入默认值):
appName:包名 / 应用名(默认 = 预设名)。publicPath:访问路径前缀(写入VITE_PUBLIC_PATH,默认/,如部署在子路径填/admin/)。ssoChannel:SSO channel 标识(默认pink_web,仅 admin-sso)。wecomAppId:企业微信 appid(默认ww4559b9515af2ee6c,仅 admin-wecom)。devPort:Vite dev 端口(默认3800)。systemName:缓存命名空间(默认authorization)。
- 启动开发:
npm run dev。admin-sso 会跳转 SSO 登录,admin-wecom 出企业微信面板。