kingdream123 / dashboard

可快速配置的(NAS)导航页面

Home Page:https://dash.mozzie.cn/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

NAS 导航页

基于配置文件,方便快速迭代的,一款 NAS 导航页

示例

演示地址:https://dash.mozzie.cn/

演示图片

项目结构

├── README.md
├── package.json
├── public
│   ├── conf.yml  # 配置文件
│   ├── favicon.ico # 站点图标
│   └── index.html # 在这里修改网页的标题
├── src
│   ├── App.vue
│   ├── assets
│   │   ├── less # 全局less
│   │   │   └── common.less
│   │   └── theme
│   │       └── pure # 默认主题
│   │           ├── core.less # 主题核心样式文件
│   ├── components
│   │   ├── loading.vue # 加载小圈圈
│   │   └── pure.vue # pure主题
│   └── main.js
├── config
│   ├── index.js # api接口配置
├── vue.config.js
└── yarn.lock

配置文件

配置文件采用了简单易懂的yaml语法,序会自动解析conf.yml并且渲染到页面中,可参考本例项目中的conf.yml

  • 配置图标:使用FontAwesome5,访问FontAwesome5找到对应图表明,配置到conf.yml中,注意前缀fas,fab别弄错了

部署

下载dist.zip文件部署扔到nginx之流的服务器上

下载

下载dist.zip

About

可快速配置的(NAS)导航页面

https://dash.mozzie.cn/


Languages

Language:Vue 55.0%Language:Less 18.8%Language:JavaScript 14.5%Language:HTML 11.8%