nas-home-page
NAS自建导航页
说明
- 自适应
- 页面有打开动画，有点酷
- 可以自动识别内网环境，使用内网地址访问
- 部署简单,单文件
- demo
效果
动画效果
配置说明
第一部分
- title 网页标题 (可空) 显示在标题栏 和 页面左上角
- user 你的昵称 (可空) 显示在页面右上角
- icp 备案号 (可空) 显示在页面最下面中间 (为空时隐藏整个区域)
第二部分
- pins 固定在网页下面的4个图标(最多4个,最少0个)
- ┣ txt 图标名称
- ┣ url 连接地址
- ┣ purl 内网地址, 会自动判断是否可以访问,可以则用这个地址渲染页面
- ┗ svg 图标代码, 下一节说怎么获取
第三部分
- apps 页面主体部分的图片, 不设上限, 会根据页面大小自动缩放排列
- ┣ txt 图标名称
- ┣ url 连接地址
- ┣ purl 内网地址, 会自动判断是否可以访问,可以则用这个地址渲染页面
- ┗ svg 图标代码, 下一节说怎么获取
获取图标
到这里 阿里巴巴矢量图标库
其他说明
- 如果是你的导航页使用根路径访问, 如 "http://www.xxx.com/" 那么配置文件必须为index.js
- 按住ctrl点图标 可以在新窗口打开
- 按住alt点图标 可以强制使用内网连接打开 (内网环境判断可能因为服务地址或网速不稳定而失败)
- 为了追求单文件页面, 所以网页没有背景, 没有icon, 没有字体, 可以自行改造