最近学了一下Vue感觉Element框架不仅简约而且优美，我真的好喜欢好喜欢，特别响应式布局这块，练手就随意写了一个导航网，非常简约，数据存储在QQ收藏里，连接，说明，公告等随时添加更改，极其方便。

配置文件说明

1
2
3
4
5
6
7
8
9
10
let hanConfigData = {
  //这里是QQ收藏API解析接口，默认即可
  apiUrl: "https://api.vvhan.com/api/qqsc",
  //这里填写你的QQ收藏分享地址
  qqKey: "https://sharechain.qq.com/c5265467c3abd92b6b5886da33a726de",
  //这里填写自己的底部版权
  copyRight: "Copyright © 2018-2020 api.vvhan.com 版权所有",
  // 这里填写ICP备案号
  icpText: "苏ICP备17017222号",
};

QQ收藏内容

首先在QQ收藏 点击右上角＋ 新建一个文本

1
一定要 文本 收藏才可以。

标题 填写 0 或者 1

1
0 代表关闭网站公告 1 代表开启网站公告

收藏内容按下面格式填写

1
2
欢迎大家使用小韩的导航网！大家多多支持！ HanGongGao 韩小韩博客,www.vvhan.com,要变得更加完美！丨 短连接生成,han8.net,一个免费的短连接生成网站~丨 韩小韩API接口,api.vvhan.com,一个免费极速稳定的API接口站。丨 张凡博客,lo3.cn,一个还没有启用的网站？丨
百度,baidu.com,格式一定要正确丨

格式说明

1
HanGongGao作为网站内容和网站公告的分割作用 HanGongGao以上随意修改网站公告内容，以下则是 链接 链接格式一定按照格式：标题,网址URL,网站描述丨 注意：（链接 一定 不需要 ➕http://或者https://，丨为链接分隔符）

演示图片

点击查看演示

韩小韩简约导航

下载地址

韩小韩简约导航网Github项目地址 韩小韩简约导航网蓝奏下载地址