├── static
    ├── .gitkeep
    ├── img
    │   ├── 162.png
    │   ├── 564.jpg
    │   ├── top.png
    │   ├── eryi.jpg
    │   ├── logo.png
    │   ├── logo1.png
    │   ├── wechart.jpg
    │   ├── Advertisement.gif
    │   └── logo.svg
    ├── model.json
    └── tool.json
├── src
    ├── assets
    │   └── logo.png
    ├── router
    │   └── index.js
    ├── components
    │   ├── info.vue
    │   ├── tool.vue
    │   ├── robot.vue
    │   ├── project.vue
    │   ├── home.vue
    │   ├── default.vue
    │   └── h5.vue
    ├── main.js
    └── App.vue
├── config
    ├── prod.env.js
    ├── dev.env.js
    └── index.js
├── .editorconfig
├── .gitignore
├── .babelrc
├── .postcssrc.js
├── README.md
├── package.json
└── index.html


/static/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/static/img/162.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/delyqiang/vuenav/HEAD/static/img/162.png


--------------------------------------------------------------------------------
/static/img/564.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/delyqiang/vuenav/HEAD/static/img/564.jpg


--------------------------------------------------------------------------------
/static/img/top.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/delyqiang/vuenav/HEAD/static/img/top.png


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/delyqiang/vuenav/HEAD/src/assets/logo.png


--------------------------------------------------------------------------------
/static/img/eryi.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/delyqiang/vuenav/HEAD/static/img/eryi.jpg


--------------------------------------------------------------------------------
/static/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/delyqiang/vuenav/HEAD/static/img/logo.png


--------------------------------------------------------------------------------
/static/img/logo1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/delyqiang/vuenav/HEAD/static/img/logo1.png


--------------------------------------------------------------------------------
/config/prod.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | module.exports = {
3 |   NODE_ENV: '"production"'
4 | }
5 | 


--------------------------------------------------------------------------------
/static/img/wechart.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/delyqiang/vuenav/HEAD/static/img/wechart.jpg


--------------------------------------------------------------------------------
/static/img/Advertisement.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/delyqiang/vuenav/HEAD/static/img/Advertisement.gif


--------------------------------------------------------------------------------
/config/dev.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const prodEnv = require('./prod.env')
4 | 
5 | module.exports = merge(prodEnv, {
6 |   NODE_ENV: '"development"',
7 | })
8 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | indent_style = space
 6 | indent_size = 2
 7 | end_of_line = lf
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules/
 3 | /dist/
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | 
 8 | # Editor directories and files
 9 | .idea
10 | .vscode
11 | *.suo
12 | *.ntvs*
13 | *.njsproj
14 | *.sln
15 | 


--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     ["env", {
 4 |       "modules": false,
 5 |       "targets": {
 6 |         "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
 7 |       }
 8 |     }],
 9 |     "stage-2"
10 |   ],
11 |   "plugins": ["transform-vue-jsx", "transform-runtime"]
12 | }
13 | 


--------------------------------------------------------------------------------
/.postcssrc.js:
--------------------------------------------------------------------------------
 1 | // https://github.com/michael-ciniawsky/postcss-load-config
 2 | 
 3 | module.exports = {
 4 |   "plugins": {
 5 |     "postcss-import": {},
 6 |     "postcss-url": {},
 7 |     // to edit target browsers: use "browserslist" field in package.json
 8 |     "autoprefixer": {}
 9 |   }
10 | }
11 | 


--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import Router from 'vue-router'
 3 | import Info from '@/components/info'
 4 | import Home from '@/components/default'
 5 | import H5 from '@/components/h5'
 6 | 
 7 | Vue.use(Router)
 8 | 
 9 | export default new Router({
10 |   routes: [
11 |     {
12 |       path: '/',
13 |       name: 'Home',
14 |       component: Home
15 |     },
16 |     {
17 |       path: '/info',
18 |       name: 'Info',
19 |       component: Info
20 |     },
21 |     {
22 |       path: '/h5',
23 |       name: 'H5',
24 |       component: H5
25 |     }
26 |   ]
27 | })
28 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # vuenav
 2 | 
 3 | > a vue nav website project
 4 | 
 5 | ## Build Setup
 6 | 
 7 | ``` bash
 8 | # install dependencies
 9 | npm install
10 | 
11 | # serve with hot reload at localhost:8080
12 | npm run dev
13 | 
14 | # build for production with minification
15 | npm run build
16 | 
17 | # build for production and view the bundle analyzer report
18 | npm run build --report
19 | ```
20 | 
21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
22 | 
23 | 
24 | 预览链接：http://www.imdlq.com   
25 | 
26 | 
27 | 效果图如下
28 | 
29 | 
30 |  ![image](https://img3.doubanio.com/view/group_topic/l/public/p158933252.webp)
31 | 
32 | ## 亮点
33 | 
34 | 
35 | 
36 | 1.可以把平时用的网站都放到这个项目里的tool.json的json文件里 ，(这个文件位置在\static\tool.json)解决了网址过多，收藏不过来的通点
37 | 
38 | 2.点击页面任意处，都会出现社会主义核心价值观，学习工作的同时又不忘党的号召，寓教于乐。
39 | 
40 | 3.鼠标放到logo处会有旋转的效果
41 | 
42 | 4.对滚动条进行了自定义样式的美化
43 | 
44 | 5.对选中的样式进行了自定义的样式有默认的蓝色改位了充满了哲学气息的紫色（/斜眼笑）
45 | 
46 | 6.有可以陪聊解压的机器人功能
47 | 
48 | 8.页面浏览到下面，会出现一个点击跳到顶部的功能
49 | 
50 | 9.可以接触到更多我收藏的有价值的网址、常用的网站，这样工作起来比较有效率。
51 | 
52 | 
53 | PS：我把这个网址给设置为谷歌浏览器的默认网址，打开就可以使用
54 | 
55 | 再次PS：会持续更新的，有更好的建议记得Lssuse留言
56 | 
57 | 
58 | 
59 | 欢迎关注公众号： 学前端呢
60 | 
61 | 公众号微信：web66666688
62 | 
63 | 
64 | ### 2019.01.24说明
65 | 
66 | #### 由于本人对百度的所作所为深恶痛绝（竞价广告/百家号/对手打压），所以对其降权处理，让他放到最后面，令其也感受下被安排。
67 | 
68 | ## 2019.01.31
69 | 
70 | 新增了移动端的样式，算是个大更新了，logo换了，整体样式换了更有科技感的蓝色
71 | 
72 | ## 2019.02.28
73 | 
74 | 网站已被360/搜狗/bing/百度 收录 
75 | 
76 | 网站资源持续增加中...   
77 | 
78 | 
79 | 
80 | 


--------------------------------------------------------------------------------
/src/components/info.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="info">
 3 |     <div  v-for="(item,index) in informationArr" :key="index" v-if="index>0">
 4 |         <ul>
 5 |           <li  v-for="(item2,index) in item.split('* [')" :key="index" v-if="index>0">
 6 |             <p>
 7 |               <a :href="item2.substring(item2.lastIndexOf('(')+1,item2.length-3)" target="_blank">{{item2.substring(0,item2.lastIndexOf('('))}}</a>
 8 |             </p>
 9 |           </li>
10 |         </ul>
11 |         <hr>
12 |     </div>
13 |   </div>
14 | </template>
15 | 
16 | <script>
17 | export default {
18 |   name: 'HelloWorld',
19 |   data () {
20 |     return {
21 |       informationArr:[],//资讯
22 |     }
23 |   },
24 |     methods: {
25 |       getData () { 
26 |          this.$http.get('/apis/README.md',{
27 |           }).then(function(result) {
28 |               this.informationArr=result.data.split("---")
29 |               // console.log(this.informationArr)
30 |           }.bind(this))
31 |       }
32 |   },
33 |   created() {
34 |       this.getData()
35 |     }
36 | }
37 | 
38 | </script>
39 | 
40 | <!-- Add "scoped" attribute to limit CSS to this component only -->
41 | <style scoped>
42 | h1, h2 {
43 |   font-weight: normal;
44 | }
45 | ul {
46 |   list-style-type: none;
47 |   padding: 0;
48 |   text-align: left;
49 | }
50 | li {
51 |   display: block;
52 |   margin: 0 10px;
53 | }
54 | a {
55 |   color: #42b983;
56 |   text-decoration: none;
57 | }
58 | div hr{
59 |       border: none;
60 |     border-bottom: 1px solid #eee;
61 |     margin: 2em 0;
62 | }
63 | </style>
64 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | // The Vue build version to load with the `import` command
 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 3 | import Vue from 'vue'
 4 | import App from './App'
 5 | import router from './router'
 6 | import axios from 'axios'
 7 | import ElementUI from 'element-ui';
 8 | import 'element-ui/lib/theme-chalk/index.css';
 9 | 
10 | Vue.config.productionTip = false
11 | Vue.prototype.$http = axios;
12 | Vue.use(ElementUI)
13 | // axios.interceptors.request.use(function(config) {
14 | //   iView.LoadingBar.start();
15 | //   // iView.Message.loading({
16 | //   //     content: 'Loading...',
17 | //   //     top: 300,
18 | //   //     duration: 0
19 | //   // });
20 | //   return config
21 | // }, function(err) {
22 | //   iView.LoadingBar.finish();
23 | //   iView.Message.destroy();
24 | //   // iView.Message.info({
25 | //   //     top: "请求err",
26 | //   //     content: err,
27 | //   //     duration: 10
28 | //   // });
29 | //   return Promise.reject(err)
30 | // });
31 | // axios.interceptors.response.use(function(response) {
32 | //   if (response.data.returnCode != "000000") {
33 | //       iView.LoadingBar.finish();
34 | //       iView.Message.destroy()
35 | //       iView.Message.info({
36 | //           top: 500,
37 | //           content: "接口返回失败",
38 | //           duration: 2
39 | //       });
40 | //   }
41 | //   iView.LoadingBar.finish();
42 | //   iView.Message.destroy();
43 | //   return response
44 | // }, function(err) {
45 | //   iView.LoadingBar.finish();
46 | //   iView.Message.destroy();
47 | //   iView.Message.info({
48 | //       top: "返回err",
49 | //       content: err,
50 | //       duration: 3
51 | //   });
52 | //   return Promise.reject(err)
53 | // });
54 | /* eslint-disable no-new */
55 | new Vue({
56 |   el: '#app',
57 |   router,
58 |   components: { App },
59 |   template: '<App/>'
60 | })
61 | 


--------------------------------------------------------------------------------
/src/components/tool.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="tool">
 3 |       <a :href="item.toolLink" v-for="(item,index) in toolArr.result" :key="index" target="_blank"  :title="item.toolName">
 4 |              <div class="inlineBorder">
 5 |                   <img class="toolBackImg" :src="item.toolImg" alt="">
 6 |                 <h4>{{item.toolName}}</h4>
 7 |                 <p>{{item.toolDetails}}</p>
 8 |         </div>
 9 |       </a>
10 |   </div>
11 | </template>
12 | 
13 | <script>
14 | export default {
15 |   name: 'HelloWorld',
16 |   data () {
17 |     return {
18 |       toolArr:[],//资讯
19 |     }
20 |   },
21 |     methods: {
22 |     
23 |      getToolJson () {
24 |          this.$http.get('static/tool.json',{
25 |           }).then(function(result) {
26 |               this.toolArr=result.data
27 |           }.bind(this))
28 |      }
29 |   },
30 |   created() {
31 |       this. getToolJson()
32 |     }
33 |     }
34 | </script>
35 | 
36 | <!-- Add "scoped" attribute to limit CSS to this component only -->
37 | <style scoped>
38 | .tool{
39 |     display: flex;
40 |      -webkit-box-pack: left;
41 |     -ms-flex-pack: left;
42 |     justify-content: left;
43 |     width: 100%;
44 |     -ms-flex-wrap: wrap;
45 |     flex-wrap: wrap;
46 | }
47 | .inlineBorder{
48 | width: 300px;
49 |     height: 100px;
50 |     border: 1px solid #ddd;
51 |     border-radius: 5px;
52 |     position: relative;
53 |     cursor: pointer;
54 |     display: inline-block;
55 |     margin: 6px 16px;
56 |     -webkit-box-sizing: border-box;
57 |     box-sizing: border-box;
58 | }
59 | a h4{
60 |     color: #000;
61 | }
62 | a p{
63 |     font-size: 12px;
64 |     color: #999;
65 |     position: absolute;
66 |     width: 80%;
67 |     left: 10%;
68 |     margin: 0;
69 |     top: 60px;
70 | }
71 | .toolBackImg{
72 |     position: absolute;
73 |     top: 10px;
74 |     left: 5px;
75 |     width: 80px;
76 |     height: 80px;
77 |     border-radius: 80px;
78 |     border: 1px solid #689eff;
79 |     z-index: 0;
80 | }
81 | </style>
82 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vuenav",
 3 |   "version": "1.0.0",
 4 |   "description": "a vue nav website project",
 5 |   "author": "DeLyQiang",
 6 |   "private": true,
 7 |   "scripts": {
 8 |     "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
 9 |     "start": "npm run dev",
10 |     "build": "node build/build.js"
11 |   },
12 |   "dependencies": {
13 |     "axios": "^0.18.0",
14 |     "element-ui": "^2.4.10",
15 |     "vue": "^2.5.2",
16 |     "vue-router": "^3.0.1"
17 |   },
18 |   "devDependencies": {
19 |     "autoprefixer": "^7.1.2",
20 |     "babel-core": "^6.22.1",
21 |     "babel-helper-vue-jsx-merge-props": "^2.0.3",
22 |     "babel-loader": "^7.1.1",
23 |     "babel-plugin-syntax-jsx": "^6.18.0",
24 |     "babel-plugin-transform-runtime": "^6.22.0",
25 |     "babel-plugin-transform-vue-jsx": "^3.5.0",
26 |     "babel-preset-env": "^1.3.2",
27 |     "babel-preset-stage-2": "^6.22.0",
28 |     "chalk": "^2.0.1",
29 |     "copy-webpack-plugin": "^4.0.1",
30 |     "css-loader": "^0.28.0",
31 |     "extract-text-webpack-plugin": "^3.0.0",
32 |     "file-loader": "^1.1.4",
33 |     "friendly-errors-webpack-plugin": "^1.6.1",
34 |     "html-webpack-plugin": "^2.30.1",
35 |     "node-notifier": "^5.1.2",
36 |     "optimize-css-assets-webpack-plugin": "^3.2.0",
37 |     "ora": "^1.2.0",
38 |     "portfinder": "^1.0.13",
39 |     "postcss-import": "^11.0.0",
40 |     "postcss-loader": "^2.0.8",
41 |     "postcss-url": "^7.2.1",
42 |     "rimraf": "^2.6.0",
43 |     "semver": "^5.3.0",
44 |     "shelljs": "^0.7.6",
45 |     "uglifyjs-webpack-plugin": "^1.1.1",
46 |     "url-loader": "^0.5.8",
47 |     "vue-loader": "^13.3.0",
48 |     "vue-style-loader": "^3.0.1",
49 |     "vue-template-compiler": "^2.5.2",
50 |     "webpack": "^3.6.0",
51 |     "webpack-bundle-analyzer": "^2.9.0",
52 |     "webpack-dev-server": "^2.9.1",
53 |     "webpack-merge": "^4.1.0"
54 |   },
55 |   "engines": {
56 |     "node": ">= 6.0.0",
57 |     "npm": ">= 3.0.0"
58 |   },
59 |   "browserslist": [
60 |     "> 1%",
61 |     "last 2 versions",
62 |     "not ie <= 8"
63 |   ]
64 | }
65 | 


--------------------------------------------------------------------------------
/src/components/robot.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |      <div id="container">
 3 |        <iframe :src="src"></iframe>
 4 |     </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | export default {
 9 |   name: 'HelloWorld',
10 |   data () {
11 |     return {
12 |       src: 'http://wogeshi.lidongliang4444.cn/04tulingRobot/',
13 |       toolArr:[],//资讯
14 |       input:'',
15 |         // 聊天数组
16 |         messageList: [],
17 |         // 输入的聊天内容
18 |         message: ""
19 |     }
20 |   },
21 |     methods: {
22 |         send() {
23 |             if (this.message == "") {
24 |                 alert("写点东西嘛 (* ￣3)(ε￣ *)");
25 |                 return;
26 |             }
27 |             // 获取输入的内容
28 |             // 添加到数组中
29 |             this.messageList.push({
30 |                 message: this.message,
31 |                 // 标记当前这条数据处理是男的 还是女的 发送的
32 |                 isBoy: true
33 |             });
34 |             this.$http.post('http://www.tuling123.com/openapi/api',{
35 |                 'key': '79d56b3dcb2843c5a73deb42b458aeaa',
36 |                 ' info':this.message
37 |             }).then(function(result) {
38 |                 console.log(result.data.text)
39 |                 this.messageList.push({
40 |                     isBoy: false,
41 |                     message: result.data.text
42 |                 });
43 |                 setTimeout(() => {
44 |                     // 虽然Vue不建议操纵dom元素但是Vue原生搞不定的时候还是可以操纵dom的
45 |                     $('.content').scrollTop(9999999999);
46 |                 }, 10);
47 |             }.bind(this))
48 |             // 清空
49 |             this.message = "";
50 |         },
51 |   },
52 |   created() {
53 |     }
54 |     }
55 | </script>
56 | 
57 | <!-- Add "scoped" attribute to limit CSS to this component only -->
58 | <style scoped>
59 |  * {
60 |         margin: 0;
61 |         padding: 0;
62 |         list-style: none;
63 |         font-family: "微软雅黑";
64 |       }
65 |       body {
66 |         overflow: hidden;
67 |       }
68 |       #container {
69 |         width: 100%;
70 |         min-height: 650px;
71 |         background: #fff;
72 |       }
73 |       #container iframe{
74 |         width: 100%;
75 |         height: 753px;
76 |         border: none;
77 |       }
78 | </style>
79 | 


--------------------------------------------------------------------------------
/config/index.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | // Template version: 1.3.1
 3 | // see http://vuejs-templates.github.io/webpack for documentation.
 4 | 
 5 | const path = require('path')
 6 | 
 7 | module.exports = {
 8 |   dev: {
 9 | 
10 |     // Paths
11 |     assetsSubDirectory: 'static',
12 |     assetsPublicPath: '/',
13 |     proxyTable: {},
14 | 
15 |     // Various Dev Server settings
16 |     host: 'localhost', // can be overwritten by process.env.HOST
17 |     port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
18 |     autoOpenBrowser: false,
19 |     errorOverlay: true,
20 |     notifyOnErrors: true,
21 |     poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
22 |     proxyTable: {
23 |       '/api': {  //使用"/api"来代替"http://f.apiplus.c"
24 |         target: 'http://blog.vue.hanyuxi.cn', //源地址
25 |         changeOrigin: true, //改变源
26 |         pathRewrite: {
27 |           '^/api': 'http://blog.vue.hanyuxi.cn' //路径重写
28 |           
29 |           }
30 |       }
31 |     },
32 |     
33 |     /**
34 |      * Source Maps
35 |      */
36 | 
37 |     // https://webpack.js.org/configuration/devtool/#development
38 |     devtool: 'cheap-module-eval-source-map',
39 | 
40 |     // If you have problems debugging vue-files in devtools,
41 |     // set this to false - it *may* help
42 |     // https://vue-loader.vuejs.org/en/options.html#cachebusting
43 |     cacheBusting: true,
44 | 
45 |     cssSourceMap: true
46 |   },
47 | 
48 |   build: {
49 |     // Template for index.html
50 |     index: path.resolve(__dirname, '../dist/index.html'),
51 | 
52 |     // Paths
53 |     assetsRoot: path.resolve(__dirname, '../dist'),
54 |     assetsSubDirectory: 'static',
55 |     assetsPublicPath: './',
56 | 
57 |     /**
58 |      * Source Maps
59 |      */
60 | 
61 |     productionSourceMap: true,
62 |     // https://webpack.js.org/configuration/devtool/#production
63 |     devtool: '#source-map',
64 | 
65 |     // Gzip off by default as many popular static hosts such as
66 |     // Surge or Netlify already gzip all static assets for you.
67 |     // Before setting to `true`, make sure to:
68 |     // npm install --save-dev compression-webpack-plugin
69 |     productionGzip: false,
70 |     productionGzipExtensions: ['js', 'css'],
71 | 
72 |     // Run the build command with an extra argument to
73 |     // View the bundle analyzer report after build finishes:
74 |     // `npm run build --report`
75 |     // Set to `true` or `false` to always turn it on or off
76 |     bundleAnalyzerReport: process.env.npm_config_report
77 |   }
78 | }
79 | 


--------------------------------------------------------------------------------
/static/img/logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
2 |     <g fill="#61DAFB">
3 |         <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
4 |         <circle cx="420.9" cy="296.5" r="45.7"/>
5 |         <path d="M520.5 78.1z"/>
6 |     </g>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/src/components/project.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | <div>
  3 |     <h3 class="homeTitle">myProject</h3>
  4 |         <div  class="tool">
  5 |         <a :href="item.toolLink" v-for="(item,index) in toolArr.project" :key="index" target="_blank"  :title="item.toolName">
  6 |                 <div class="inlineBorder">
  7 |                     <img class="toolBackImg" :src="item.toolImg" alt="">
  8 |                 <h4>{{item.toolName}}</h4>
  9 |                 <p>{{item.toolDetails}}</p>
 10 |         </div>
 11 |         </a>
 12 |     </div>
 13 |     <h3 class="homeTitle">小资H5</h3>
 14 |         <div  class="tool">
 15 |         <a :href="item.toolLink" v-for="(item,index) in toolArr.xiaozi" :key="index" target="_blank"  :title="item.toolName">
 16 |                 <div class="inlineBorder">
 17 |                 <h4>{{item.toolName}}</h4>
 18 |                 <p>{{item.toolDetails}}</p>
 19 |         </div>
 20 |         </a>
 21 |     </div>
 22 |     <h3 class="homeTitle">pilipaH5</h3>
 23 |         <div  class="tool">
 24 |         <a :href="item.toolLink" v-for="(item,index) in toolArr.pilipa" :key="index" target="_blank"  :title="item.toolName">
 25 |                 <div class="inlineBorder">
 26 |                 <h4>{{item.toolName}}</h4>
 27 |                 <p>{{item.toolDetails}}</p>
 28 |         </div>
 29 |         </a>
 30 |     </div>
 31 |     <h3 class="homeTitle">微信扫码的h5</h3>
 32 |         <div  class="tool">
 33 |         <a :href="item.toolLink" v-for="(item,index) in toolArr.wechartProject" :key="index" target="_blank"  :title="item.toolName">
 34 |                 <div class="inlineBorder">
 35 |                 <h4>{{item.toolName}}</h4>
 36 |                 <p>{{item.toolDetails}}</p>
 37 |                 <img class="qRcode" :src="item.toolImg" alt="">
 38 |         </div>
 39 |         </a>
 40 |     </div>
 41 |   </div>
 42 | </template>
 43 | 
 44 | <script>
 45 | export default {
 46 |   name: 'HelloWorld',
 47 |   data () {
 48 |     return {
 49 |       toolArr:[],//资讯
 50 |     }
 51 |   },
 52 |     methods: {
 53 |     
 54 |      getToolJson () {
 55 |          this.$http.get('static/tool.json',{
 56 |           }).then(function(result) {
 57 |               this.toolArr=result.data
 58 |           }.bind(this))
 59 |      }
 60 |   },
 61 |   created() {
 62 |       this. getToolJson()
 63 |     }
 64 |     }
 65 | </script>
 66 | 
 67 | <!-- Add "scoped" attribute to limit CSS to this component only -->
 68 | <style scoped>
 69 | .tool{
 70 |     display: flex;
 71 |      -webkit-box-pack: left;
 72 |     -ms-flex-pack: left;
 73 |     justify-content: left;
 74 |     width: 100%;
 75 |     -ms-flex-wrap: wrap;
 76 |     flex-wrap: wrap;
 77 | }
 78 | .inlineBorder{
 79 | width: 300px;
 80 |     height: 100px;
 81 |     border: 1px solid #ddd;
 82 |     border-radius: 5px;
 83 |     position: relative;
 84 |     cursor: pointer;
 85 |     display: inline-block;
 86 |     margin: 6px 16px;
 87 |     -webkit-box-sizing: border-box;
 88 |     box-sizing: border-box;
 89 |     position: relative;
 90 | }
 91 | a h4{
 92 |     color: #000;
 93 | }
 94 | a p{
 95 |     font-size: 12px;
 96 |     color: #999;
 97 |     position: absolute;
 98 |     width: 80%;
 99 |     left: 10%;
100 |     margin: 0;
101 |     top: 60px;
102 | }
103 | .toolBackImg{
104 |     position: absolute;
105 |     top: 10px;
106 |     left: 5px;
107 |     width: 80px;
108 |     height: 80px;
109 |     border-radius: 80px;
110 |     border: 1px solid #689eff;
111 |     z-index: 0;
112 | }
113 | .homeTitle{
114 |     color: #689eff;
115 |     text-align: left;
116 |     padding-left: 16px;
117 | }
118 | .qRcode{
119 |     position: absolute;
120 |     top: 10px;
121 |     left: 5px;
122 |     width: 80px;
123 | }
124 | </style>
125 | 


--------------------------------------------------------------------------------
/src/components/home.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div v-loading.fullscreen.lock="fullscreenLoading">
  3 |       <h3 class="homeTitle">常用</h3>
  4 |       <div  class="tool">
  5 |             <a :href="item.toolLink" v-for="(item,index) in toolArr.home" :key="index" target="_blank" :title="item.toolName">
  6 |              <div class="inlineBorder">
  7 |                   <img class="toolBackImg" :src="item.toolImg" alt="">
  8 |                 <h4>{{item.toolName}}</h4>
  9 |                 <p>{{item.toolDetails}}</p>
 10 |         </div>
 11 |       </a>
 12 |       </div>
 13 |       <h3 class="homeTitle">vue</h3>
 14 |       <div  class="tool">
 15 |             <a :href="item.toolLink" v-for="(item,index) in toolArr.vue" :key="index" target="_blank"  :title="item.toolName">
 16 |              <div class="inlineBorder">
 17 |                 <h4>{{item.toolName}}</h4>
 18 |                 <p>{{item.toolDetails}}</p>
 19 |         </div>
 20 |       </a>
 21 |       </div>
 22 |       <h3 class="homeTitle">微信</h3>
 23 |       <div  class="tool">
 24 |             <a :href="item.toolLink" v-for="(item,index) in toolArr.wechart" :key="index" target="_blank"  :title="item.toolName">
 25 |              <div class="inlineBorder">
 26 |                 <h4>{{item.toolName}}</h4>
 27 |                 <p>{{item.toolDetails}}</p>
 28 |         </div>
 29 |       </a>
 30 |       </div>
 31 |       <h3 class="homeTitle">友链</h3>
 32 |       <div  class="tool">
 33 |             <a :href="item.toolLink" v-for="(item,index) in toolArr.link" :key="index" target="_blank"  :title="item.toolName">
 34 |              <div class="inlineBorder">
 35 |                 <h4>{{item.toolName}}</h4>
 36 |                 <p>{{item.toolDetails}}</p>
 37 |         </div>
 38 |       </a>
 39 |       </div>
 40 |       <h3 class="homeTitle">娱乐</h3>
 41 |       <div  class="tool">
 42 |             <a :href="item.toolLink" v-for="(item,index) in toolArr.entertainment" :key="index" target="_blank"  :title="item.toolName">
 43 |              <div class="inlineBorder">
 44 |                   <img class="toolBackImg" :src="item.toolImg" alt="">
 45 |                 <h4>{{item.toolName}}</h4>
 46 |                 <p>{{item.toolDetails}}</p>
 47 |         </div>
 48 |       </a>
 49 |       </div>
 50 |   </div>
 51 | </template>
 52 | 
 53 | <script>
 54 | export default {
 55 |   name: 'HelloWorld',
 56 |   data () {
 57 |     return {
 58 |       toolArr:[],//资讯
 59 |       fullscreenLoading:false
 60 |     }
 61 |   },
 62 |     methods: {
 63 |     
 64 |      getToolJson () {
 65 |          this.$http.get('static/tool.json',{
 66 |           }).then(function(result) {
 67 |                this.fullscreenLoading = false;
 68 |               this.toolArr=result.data
 69 |                 // console.log(this.toolArr)
 70 |           }.bind(this))
 71 |      }
 72 |   },
 73 |   mounted() {
 74 |      this.fullscreenLoading = true;
 75 |   },
 76 |   created() {
 77 |       this. getToolJson()
 78 |     }
 79 |     }
 80 | </script>
 81 | 
 82 | <!-- Add "scoped" attribute to limit CSS to this component only -->
 83 | <style scoped>
 84 | .tool{
 85 |     display: flex;
 86 |      -webkit-box-pack: left;
 87 |     -ms-flex-pack: left;
 88 |     justify-content: left;
 89 |     width: 100%;
 90 |     -ms-flex-wrap: wrap;
 91 |     flex-wrap: wrap;
 92 |     position: relative;
 93 | }
 94 | .inlineBorder{
 95 | width: 300px;
 96 |     height: 100px;
 97 |     border: 1px solid #ddd;
 98 |     border-radius: 5px;
 99 |     position: relative;
100 |     cursor: pointer;
101 |     display: inline-block;
102 |     margin: 6px 16px;
103 |     -webkit-box-sizing: border-box;
104 |     box-sizing: border-box;
105 | }
106 | a h4{
107 |     color: #000;
108 | }
109 | a p{
110 |     font-size: 12px;
111 |     color: #999;
112 |     position: absolute;
113 |     width: 80%;
114 |     left: 10%;
115 |     margin: 0;
116 |     top: 60px;
117 | }
118 | .homeTitle{
119 |     color: #689eff;
120 |     text-align: left;
121 |     padding-left: 16px;
122 | }
123 | .toolBackImg{
124 |     position: absolute;
125 |     top: 10px;
126 |     left: 5px;
127 |     width: 80px;
128 |     height: 80px;
129 |     border-radius: 80px;
130 |     border: 1px solid #689eff;
131 |     z-index: 0;
132 | }
133 | </style>
134 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="app">
  3 |     <div class="background">
  4 |             <!-- <iframe class="baniframe" sandbox="allow-scripts allow-same-origin" id="mh" src="http://www.jq22.com/js/a3.html"></iframe> -->
  5 |             <!-- <iframe class="baniframe" sandbox="allow-scripts allow-same-origin" id="mh" src="http://wogeshi.lidongliang4444.cn/sh/sh.html"></iframe> -->
  6 |         </div>
  7 |     <!-- <img src="./assets/logo.png"> -->
  8 |     <router-view/>
  9 |   </div>
 10 | </template>
 11 | 
 12 | <script>
 13 | export default {
 14 |   name: 'App',
 15 | 	data() {
 16 | 		return{
 17 | 		//   clientHeight: '',  // 这里是给到了一个默认值 （这个很重要）
 18 | 		}
 19 | 	},
 20 |   watch: {
 21 | 
 22 |         },
 23 | 	methods: {
 24 | 　　_isMobile() {
 25 | 			let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
 26 | 			return flag;
 27 | 		},
 28 | 		locationRouter(){
 29 | 			    if (this._isMobile()) {
 30 | 					this.$router.replace('/h5');
 31 | 				} else {
 32 | 					this.$router.replace('/');
 33 | 				}
 34 | 		}
 35 | 	},
 36 |  mounted() {
 37 | 	  this.locationRouter()
 38 | 	  var that = this;
 39 |     window.onresize = function temp() {
 40 | 		that.locationRouter()
 41 | 	};
 42 | 	
 43 | 	
 44 | 
 45 |   }
 46 | 
 47 | }
 48 | 
 49 | </script>
 50 | 
 51 | <style scoped>
 52 | ::-moz-selection{background:#ff07f6;color: #fff;} 
 53 | ::selection {
 54 |     background: #ff07f6;
 55 | 	color: #fff;
 56 | }
 57 | body{
 58 |     margin: 0;
 59 |     background-image: url(https://www.sqyai.com/zb_users/theme/brieflee/style/images/bg.png);
 60 |     background-color: #FBFBFB;
 61 | }
 62 | #app {
 63 |   font-family: 'Avenir', Helvetica, Arial, sans-serif;
 64 |   -webkit-font-smoothing: antialiased;
 65 |   -moz-osx-font-smoothing: grayscale;
 66 |   text-align: center;
 67 |   color: #2c3e50;
 68 |   margin-top:85px;
 69 | }
 70 | .baniframe{
 71 |   width: 100%;
 72 |   height: 100%;
 73 | }
 74 | 
 75 | #app::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
 76 | 			width:3px;
 77 | 			height:10px;
 78 | 	}
 79 | 	/* #app::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/
 80 | 			/* background:#74D334;
 81 | 	} */
 82 | 	#app::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/
 83 | 			background:#fff;
 84 | 	}
 85 | 	#app::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/
 86 | 			background:#fff;
 87 | 	}
 88 | 	#app::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/
 89 | 		background:#FFA711;
 90 | 		border-radius:4px;
 91 | 	}
 92 | 	#app::-webkit-scrollbar-corner {/*边角（位置6）*/
 93 | 		background:#82AFFF; 
 94 | 	}
 95 | 	#app::-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/
 96 | 		background:#FF0BEE;
 97 | 	}
 98 | 
 99 | 
100 | body::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
101 | 			width:5px;
102 | 			height:10px;
103 | 	}
104 | 	/* body::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/
105 | 			/* background:#74D334;
106 | 	} */
107 | 	body::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/
108 | 			background:#fff;
109 | 	}
110 | 	body::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/
111 | 			background:#fff;
112 | 	}
113 | 	body::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/
114 | 		background:#FFA711;
115 | 		border-radius:4px;
116 | 	}
117 | 	body::-webkit-scrollbar-corner {/*边角（位置6）*/
118 | 		background:#82AFFF; 
119 | 	}
120 | 	body::-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/
121 | 		background:#FF0BEE;
122 | 	}
123 | 
124 | 
125 | 
126 | html::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
127 | 			width:5px;
128 | 			height:10px;
129 | 	}
130 | 	/* html::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/
131 | 			/* background:#74D334;
132 | 	} */
133 | 	html::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/
134 | 			background:#fff;
135 | 	}
136 | 	html::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/
137 | 			background:#fff;
138 | 	}
139 | 	html::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/
140 | 		background:#FFA711;
141 | 		border-radius:4px;
142 | 	}
143 | 	html::-webkit-scrollbar-corner {/*边角（位置6）*/
144 | 		background:#82AFFF; 
145 | 	}
146 | 	html::-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/
147 | 		background:#FF0BEE;
148 | 	}
149 | </style>
150 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 |   <head>
  4 |     <meta charset="utf-8">
  5 |     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  6 |     <meta http-equiv="content-language" content="zh-CN" />
  7 |     <meta name="msvalidate.01" content="9A043CECD81DCE43A1ADA3594D016244" />
  8 |     <meta name="keywords" content="DeLyQiang沐衣酱Web、前端导航、vue导航、1024网站、程序员导航、学前端呢">
  9 |     <!-- <meta name="keywords" content="DeLyQiang沐衣酱Web">
 10 |     <meta name="keywords" content="沐衣酱">
 11 |     <meta name="description" content="DeLyQiang沐衣酱Web" http-equiv="Cache-Control"> -->
 12 |     <meta name="description" content="DeLyQiang沐衣酱Web是为程序员们做的一个工具网站，为浏览器收藏网页不够提供的解决方案，是年轻人的第一个前端导航网站，公众号：学前端呢">
 13 |   
 14 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 15 |     <title>DeLyQiang沐衣酱Web----公众号:学前端呢</title>
 16 |     <!-- <link rel="mask-icon" href="/static/img/162.png" color="#222"> -->
 17 |     <link rel="icon" type="image/x-icon" href="static/img/162.png">
 18 |     <style type="text/css">
 19 |         #landlord {
 20 |             position: fixed;
 21 |             right: 30px;
 22 |             bottom: 0;
 23 |             width: 280px;
 24 |             height: 250px;
 25 |             z-index: 1000;
 26 |         }
 27 |         .bingClass{
 28 |             z-index: -1;
 29 |             opacity: 0;
 30 |             display: none;  
 31 |         }
 32 |         </style>
 33 |   </head>
 34 |   <body>
 35 |       <h1 class="bingClass">DeLyQiang沐衣酱Web</h1>
 36 |       <h2 class="bingClass">DeLyQiang沐衣酱Web、前端导航、vue导航、1024网站、程序员导航、学前端呢</h2>
 37 |       <p class="bingClass">DeLyQiang沐衣酱Web是为程序员们做的一个工具网站，为浏览器收藏网页不够提供的解决方案，是年轻人的第一个前端导航网站，技术栈是html+vue，公众号：学前端呢,公众号账号:web66666688，欢迎大家关注，我是沐衣酱</p>
 38 |     <div id="app"></div>
 39 |     <!-- built files will be auto injected -->
 40 |     
 41 | <div id="landlord">
 42 |     <canvas id="live2d" width="280" height="250"></canvas>
 43 | </div>
 44 |   </body>
 45 |   <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
 46 |   <script src="https://cdn.zhangxinxu.com/sp/demo/live2d/live2d/js/live2d.js"></script>
 47 |   <script>
 48 |   $(function() {
 49 | //     console.log('%c this is a message','color:#0f0;')
 50 | // console.log('%c this %c is a %c message','color:#f00;','font-size:20px;','color:blue;background:yellow;')
 51 | // 　　console.log("%c ", "background: url(http://wogeshi.lidongliang4444.cn/images/toux.jpg) no-repeat center;padding-left:80px;padding-bottom: 80px;border-radius:50%;background-size:100%;")
 52 | // 　　console.log("%c ", "background: url(http://p3i10hjs7.bkt.clouddn.com/console.jpeg) no-repeat center;padding-left:640px;padding-bottom: 242px;")
 53 | 
 54 |       var a_idx = 0,
 55 |           b_idx = 0;
 56 |       c_idx = 0;
 57 |       jQuery(document).ready(function($) {
 58 |           $("body").click(function(e) {
 59 |               var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", "敬业", "诚信", "友善"),
 60 |                   b = new Array("#09ebfc", "#ff6651", "#ffb351", "#51ff65", "#5197ff", "#a551ff", "#ff51f7", "#ff518e", "#ff5163", "#efff51"),
 61 |                   c = new Array("12", "14", "16", "18", "20", "22", "24", "26", "28", "30");
 62 |               var $i = $("<span/>").text(a[a_idx]);
 63 |               a_idx = (a_idx + 1) % a.length;
 64 |               b_idx = (b_idx + 1) % b.length;
 65 |               c_idx = (c_idx + 1) % c.length;
 66 |               var x = e.pageX,
 67 |                   y = e.pageY;
 68 |               $i.css({
 69 |                   "z-index": 999,
 70 |                   "top": y - 20,
 71 |                   "left": x,
 72 |                   "position": "absolute",
 73 |                   "font-weight": "bold",
 74 |                   "font-size": c[c_idx] + "px",
 75 |                   "color": b[b_idx]
 76 |               });
 77 |               $("body").append($i);
 78 |               $i.animate({
 79 |                   "top": y - 180,
 80 |                   "opacity": 0
 81 |               }, 1500, function() {
 82 |                   $i.remove();
 83 |               });
 84 |           });
 85 |       });
 86 |       var _hmt = _hmt || [];
 87 |   })
 88 | 
 89 | var _hmt = _hmt || [];
 90 | (function() {
 91 |   var hm = document.createElement("script");
 92 |   hm.src = "https://hm.baidu.com/hm.js?2d80bf3e88e8416ea42cc8cc6b942bf4";
 93 |   var s = document.getElementsByTagName("script")[0]; 
 94 |   s.parentNode.insertBefore(hm, s);
 95 | })();
 96 | 
 97 | 
 98 | 
 99 | 
100 |     if (/zhangxinxu/.test(location.href)) {
101 |         loadlive2d("live2d", "https://cdn.zhangxinxu.com/sp/demo/live2d/live2d/model/tia/model.json");
102 |     } else {
103 |         loadlive2d("live2d", "https://cdn.zhangxinxu.com/sp/demo/live2d/live2d/model/tia/model.json");
104 |     }
105 |     </script>
106 |     
107 | </html>
108 | 


--------------------------------------------------------------------------------
/static/model.json:
--------------------------------------------------------------------------------
  1 | // 20190225100213
  2 | // https://cdn.zhangxinxu.com/sp/demo/live2d/live2d/model/tia/model.json
  3 | 
  4 | {
  5 |     "version": "1.0.0",
  6 |     "model": "model.moc",
  7 |     "textures": [
  8 |       "textures/default-costume-min.png"
  9 |     ],
 10 |     "layout": {
 11 |       "center_x": 0.0,
 12 |       "center_y": -0.05,
 13 |       "width": 2.0
 14 |     },
 15 |     "hit_areas_custom": {
 16 |       "head_x": [
 17 |         -0.35,
 18 |         0.6
 19 |       ],
 20 |       "head_y": [
 21 |         0.19,
 22 |         -0.2
 23 |       ],
 24 |       "body_x": [
 25 |         -0.3,
 26 |         -0.25
 27 |       ],
 28 |       "body_y": [
 29 |         0.3,
 30 |         -0.9
 31 |       ]
 32 |     },
 33 |     "motions": {
 34 |       "idle": [
 35 |         {
 36 |           "file": "motions/WakeUp.mtn",
 37 |           "sound": "audio/wakeUp.mp3"
 38 |         },
 39 |         {
 40 |           "file": "motions/Breath1.mtn",
 41 |           "sound": "audio/breath1.mp3"
 42 |         },
 43 |         {
 44 |           "file": "motions/Breath2.mtn",
 45 |           "sound": "audio/breath2.mp3"
 46 |         },
 47 |         {
 48 |           "file": "motions/Breath3.mtn",
 49 |           "sound": "audio/breath3.mp3"
 50 |         },
 51 |         {
 52 |           "file": "motions/Breath4.mtn",
 53 |           "sound": "audio/breath4.mp3"
 54 |         },
 55 |         {
 56 |           "file": "motions/Breath5.mtn",
 57 |           "sound": "audio/breath5.mp3"
 58 |         },
 59 |         {
 60 |           "file": "motions/Breath6.mtn",
 61 |           "sound": "audio/breath6.mp3"
 62 |         },
 63 |         {
 64 |           "file": "motions/Breath7.mtn",
 65 |           "sound": "audio/breath7.mp3"
 66 |         },
 67 |         {
 68 |           "file": "motions/Breath8.mtn",
 69 |           "sound": "audio/breath8.mp3"
 70 |         },
 71 |         {
 72 |           "file": "motions/Breath9.mtn",
 73 |           "sound": "audio/breath9.mp3"
 74 |         }
 75 |       ],
 76 |       "sleepy": [
 77 |         {
 78 |           "file": "motions/Sleeping.mtn"
 79 |         }
 80 |       ],
 81 |       "flick_head": [
 82 |         {
 83 |           "file": "motions/Touch Dere1.mtn"
 84 |         },
 85 |         {
 86 |           "file": "motions/Touch Dere2.mtn"
 87 |         },
 88 |         {
 89 |           "file": "motions/Touch Dere3.mtn"
 90 |         },
 91 |         {
 92 |           "file": "motions/Touch Dere4.mtn"
 93 |         },
 94 |         {
 95 |           "file": "motions/Touch Dere5.mtn"
 96 |         },
 97 |         {
 98 |           "file": "motions/Touch Dere6.mtn",
 99 |           "sound": "audio/dere6.mp3"
100 |         }
101 |       ],
102 |       "tap_body": [
103 |         {
104 |           "file": "motions/Touch1.mtn",
105 |           "sound": "audio/touch1.mp3"
106 |         },
107 |         {
108 |           "file": "motions/Touch2.mtn",
109 |           "sound": "audio/touch2.mp3"
110 |         },
111 |         {
112 |           "file": "motions/Touch3.mtn",
113 |           "sound": "audio/touch3.mp3"
114 |         },
115 |         {
116 |           "file": "motions/Touch4.mtn",
117 |           "sound": "audio/touch4.mp3"
118 |         },
119 |         {
120 |           "file": "motions/Touch5.mtn",
121 |           "sound": "audio/touch5.mp3"
122 |         },
123 |         {
124 |           "file": "motions/Touch6.mtn",
125 |           "sound": "audio/touch6.mp3"
126 |         }
127 |       ],
128 |       "": [
129 |         {
130 |           "file": "motions/Breath1.mtn"
131 |         },
132 |         {
133 |           "file": "motions/Breath2.mtn"
134 |         },
135 |         {
136 |           "file": "motions/Breath3.mtn"
137 |         },
138 |         {
139 |           "file": "motions/Breath4.mtn"
140 |         },
141 |         {
142 |           "file": "motions/Breath5.mtn"
143 |         },
144 |         {
145 |           "file": "motions/Breath6.mtn"
146 |         },
147 |         {
148 |           "file": "motions/Breath7.mtn"
149 |         },
150 |         {
151 |           "file": "motions/Breath8.mtn"
152 |         },
153 |         {
154 |           "file": "motions/Breath9.mtn"
155 |         },
156 |         {
157 |           "file": "motions/Fail.mtn"
158 |         },
159 |         {
160 |           "file": "motions/Sleeping.mtn"
161 |         },
162 |         {
163 |           "file": "motions/Success.mtn"
164 |         },
165 |         {
166 |           "file": "motions/Sukebei1.mtn"
167 |         },
168 |         {
169 |           "file": "motions/Sukebei2.mtn"
170 |         },
171 |         {
172 |           "file": "motions/Sukebei3.mtn"
173 |         },
174 |         {
175 |           "file": "motions/Touch Dere1.mtn"
176 |         },
177 |         {
178 |           "file": "motions/Touch Dere2.mtn"
179 |         },
180 |         {
181 |           "file": "motions/Touch Dere3.mtn"
182 |         },
183 |         {
184 |           "file": "motions/Touch Dere4.mtn"
185 |         },
186 |         {
187 |           "file": "motions/Touch Dere5.mtn"
188 |         },
189 |         {
190 |           "file": "motions/Touch Dere6.mtn"
191 |         },
192 |         {
193 |           "file": "motions/Touch1.mtn"
194 |         },
195 |         {
196 |           "file": "motions/Touch2.mtn"
197 |         },
198 |         {
199 |           "file": "motions/Touch3.mtn"
200 |         },
201 |         {
202 |           "file": "motions/Touch4.mtn"
203 |         },
204 |         {
205 |           "file": "motions/Touch5.mtn"
206 |         },
207 |         {
208 |           "file": "motions/Touch6.mtn"
209 |         },
210 |         {
211 |           "file": "motions/WakeUp.mtn"
212 |         }
213 |       ]
214 |     }
215 |   }


--------------------------------------------------------------------------------
/src/components/default.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <el-row >
  3 |         <el-col class="colRela" :xs="20" :sm="20" :md="17" :lg="14" :xl="14"  :offset='1'>
  4 |             <img src="./../../static/img/logo1.png" class="logo" alt="">
  5 |                 <el-tabs type="border-card" v-model="tactiveName">
  6 |                     <el-tab-pane>
  7 |                          <span slot="label"><i class="el-icon-menu"></i> 主页</span>
  8 |                        <Home></Home>
  9 |                     </el-tab-pane>
 10 |                     <el-tab-pane>
 11 |                         <span slot="label"><i class="el-icon-date"></i> 工具</span>
 12 |                         <Tool></Tool>  
 13 |                     </el-tab-pane>
 14 |                     <el-tab-pane>
 15 |                          <span slot="label"><i class="el-icon-tickets"></i> 项目</span>
 16 |                         <Project></Project>
 17 |                     </el-tab-pane>
 18 |                     <el-tab-pane>
 19 |                          <span slot="label"><i class="el-icon-tickets"></i> 机器人</span>
 20 |                         <Robot></Robot>
 21 |                     </el-tab-pane>
 22 |                     <!-- <el-tab-pane name="second">
 23 |                           <span slot="label"><i class="el-icon-mobile-phone"></i> 资讯</span>
 24 |                         <Info></Info>   
 25 |                     </el-tab-pane> -->
 26 |                 </el-tabs>
 27 |         </el-col>
 28 |         <el-col  :xs="20" :sm="8" :md="4" :lg="4" :xl="4" class="rightInfo">
 29 |             <!-- <el-card class="box-card">
 30 |                 <div slot="header" class="clearfix">
 31 |                     <span>推荐资讯</span>
 32 |                 </div>
 33 |                 <div class="text item infoPage" @click="infoPage()">
 34 |                     每日最新资讯
 35 |                 </div>
 36 |                 </el-card> -->
 37 |             <el-card class="box-card">
 38 |                 <div slot="header" class="clearfix">
 39 |                     <span>QQ群：564029328</span>
 40 |                 </div>
 41 |                 <div class="text item infoPage">
 42 |                     <a  target="_blank" href="http://qm.qq.com/cgi-bin/qm/qr?k=_L5dAL0F86CYxC12Vsu0J8_wodMLOP8x">
 43 |                         <img data-v-61f05754="" border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="QQ群" title="QQ群">
 44 |                     </a>
 45 |                 </div>
 46 |                 </el-card>
 47 |             <el-card class="box-card group">
 48 |                 <div slot="header" class="clearfix">
 49 |                     <span>微信公众号</span>
 50 |                 </div>
 51 |                 <div class="text item infoPage">
 52 |                       <img src="./../../static/img/wechart.jpg" class="wechart" alt="公众号: 学前端呢" title="公众号: 学前端呢">
 53 |                       <p class="wechatDetals">扫码关注不迷路</p>
 54 |                 </div>
 55 |                 </el-card>
 56 |             <el-card class="box-card advertisement">
 57 |                  <img src="./../../static/img/Advertisement.gif" class="adImg" alt="邮箱联系:dailiqiang_6@163.com" title="邮箱联系:dailiqiang_6@163.com">
 58 |                 </el-card>
 59 |                 <!-- <button type="button" class="back-top small" @click="backTop()" v-show="backTopShow">我要上天</button> -->
 60 |                <img src="./../../static/img/top.png"  class="back-top small" @click="backTop()" v-show="backTopShow" alt="去顶部" title="去顶部">
 61 |         </el-col>
 62 |         <el-col  :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="rightInfo">
 63 |            <footer class="bg-color">
 64 |                 <div class="info">
 65 |                     <div >
 66 |                     DeLyQiang Web Navigation
 67 |                     </div> 
 68 |                     <div>
 69 |                     前端技术导航，关注前端动态，分享、交流、保持友善。
 70 |                     </div> 
 71 |                     <div class="mHide">欢迎关注公众号: 学前端呢 </div>
 72 |                     <div class="mHide">
 73 |                     <a>DeLyQiang</a>　　　&copy;2018 DeLyQiang Web Navigation v1.0 
 74 |                     </div>
 75 |                     <div class="mHide">
 76 |                         <a href="mailto:dailiqiang_6@163.com">
 77 |                     商业合作联系邮箱: dailiqiang_6@163.com
 78 |                         </a>
 79 |                     </div>
 80 |                 </div> 
 81 |                 <!-- <div class="infoLink">
 82 |                     <div>
 83 |                     友情链接
 84 |                     </div> 
 85 |                     <div>
 86 |                     <a target="_blank" href="https://reactjs.org/">Reactjs</a>
 87 |                     </div> 
 88 |                     <div>
 89 |                     <a target="_blank" href="https://cn.vuejs.org/v2/guide/">VUE2.0</a>
 90 |                     </div>
 91 |                 </div> -->
 92 |                 <div class="info">
 93 |                     <div>
 94 |                         微信公众号
 95 |                     </div>
 96 |                     <div>
 97 |                          <img src="./../../static/img/wechart.jpg" class="wechart" alt="扫码关注不迷路,公众号:学前端呢" title="扫码关注不迷路,公众号:学前端呢">
 98 |                     </div> 
 99 |                 </div>
100 |                 </footer>
101 |         </el-col>
102 |     </el-row>
103 | </template>
104 | 
105 | <script>
106 | import Info from './info'
107 | import Tool from './tool'
108 | import Home from './home'
109 | import Project from './project'
110 | import Robot from './robot'
111 | export default {
112 |    components: { Info,Tool ,Home,Project,Robot},
113 |   data () {
114 |     return {
115 |      tactiveName:'',
116 |      backTopShow:false
117 |     }
118 |   },
119 |    mounted() {
120 |       window.addEventListener('scroll', this.handleScroll)
121 |     },
122 |    methods: {
123 |       infoPage(){
124 |           this.tactiveName= 'second'
125 |       },
126 |       backTop() {
127 |         let back = setInterval(() => {
128 |           if(document.body.scrollTop||document.documentElement.scrollTop){
129 |             document.body.scrollTop-=100;
130 |             document.documentElement.scrollTop-=100;
131 |           }else {
132 |             clearInterval(back)
133 |           }
134 |         });
135 |       },
136 |       handleScroll(){
137 |         if (document.documentElement.scrollTop + document.body.scrollTop > 100) {
138 |           this.backTopShow=true;
139 |         }
140 |         else {
141 |           this.backTopShow=false;
142 |         }
143 |       },
144 | 　　_isMobile() {
145 | 			let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
146 | 			return flag;
147 | 		},
148 | 		locationRouter(){
149 |             if (this._isMobile()) {
150 |                 // alert("手机端");
151 |                 this.$router.replace('/h5');
152 |             } else {
153 |                 // alert("pc端");
154 |                 this.$router.replace('/');
155 |             }
156 | 		}
157 |     },
158 |     mounted() {
159 | 	  this.locationRouter()
160 | 	    var that = this;
161 |         window.onresize = function temp() {
162 |         that.locationRouter()
163 | 	};
164 |   }
165 | }
166 | 
167 | </script>
168 | 
169 | <!-- Add "scoped" attribute to limit CSS to this component only -->
170 | <style>
171 | .background{
172 |     position: absolute;
173 |     display: block;
174 |     width: 100%;
175 |     height: 100%;
176 |     top: 0;
177 |     left: 0;
178 |     z-index: -1;
179 | }
180 | .el-tabs__nav-scroll {
181 |     overflow: hidden;
182 |     background-color: #689eff !important;
183 | }
184 | .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
185 |     color: #689eff !important;
186 |       font-weight: bold;
187 | }
188 | .el-tabs--border-card>.el-tabs__header .el-tabs__item {
189 |     color: #fff !important;
190 | }
191 | .el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
192 |     color: #fff !important;
193 | }
194 | .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active:hover {
195 |     color: #689eff !important;
196 | }
197 | .el-card__header {
198 |     padding: 9px 20px;
199 |     border-bottom: 1px solid #ebeef5;
200 |     -webkit-box-sizing: border-box;
201 |     box-sizing: border-box;
202 |     background: #689eff;
203 |     color:#fff;
204 |     font-size: 14px;
205 | }
206 | .el-card__body{
207 |     color: #689eff;
208 |     font-size: 14px;
209 |     padding: 9px 20px;
210 | }
211 | .rightInfo{
212 |     margin-left: 15px;
213 | }
214 | .el-row{
215 |     display: flex;
216 |         flex-direction: row;
217 |     -webkit-box-pack: center;
218 |     -ms-flex-pack: center;
219 |     justify-content: center;
220 |     width: 100%;
221 |     -ms-flex-wrap: wrap;
222 |     flex-wrap: wrap;
223 | }
224 | .infoPage{
225 |     cursor: pointer;
226 | }
227 | .colRela{
228 |     position: relative;
229 |     margin-bottom: 145px;
230 | }
231 | .logo{
232 |     position: absolute;
233 |     top: -66px;
234 |     left: 13px;
235 |     width: 136px;
236 |     -webkit-transition: all 1.6s;
237 |     transition: all 1.6s;
238 |     -webkit-transition: all 1.6s cubic-bezier(0.17, 0.67, 0.62, 1.22);
239 |     -moz-transition: all 1.6s cubic-bezier(0.17, 0.67, 0.62, 1.22);
240 |     -o-transition: all 1.6s cubic-bezier(0.17, 0.67, 0.62, 1.22);
241 |     -ms-transition: all 1.6s cubic-bezier(0.17, 0.67, 0.62, 1.22);
242 | }
243 | 
244 | 
245 | .logo:hover {
246 |     -webkit-transform: rotate(360deg);
247 |     -moz-transform: rotate(360deg);
248 |     -ms-transform: rotate(360deg);
249 |     transform: rotate(360deg);
250 |     -ms-transform: rotate(360deg);
251 |     -webkit-transform: rotate(360deg);
252 | }
253 | .group{
254 |     margin-top: 20px;
255 | }
256 | .wechart{
257 |     width: 60%;
258 | }
259 | .wechatDetals{
260 |     margin: 0;
261 | }
262 | .advertisement{
263 |     margin-top: 20px;
264 |     cursor: pointer;
265 | }
266 | .advertisement .el-card__body{
267 |     padding: 0;
268 | }
269 | .adImg{
270 |    width: 100%;
271 | }
272 | .back-top {
273 |     position: fixed;
274 |     right: 15%;
275 |     bottom: 150px;
276 |     width: 85px;
277 |     opacity: .5;
278 |     cursor: pointer;
279 |   }
280 |   footer {
281 |   position: absolute;
282 |   left: 0;
283 |   bottom: 0;
284 |   width: 100%;
285 |   height: 120px;
286 |   color: #fff;
287 |   padding-top: 10px;
288 |   -webkit-box-sizing: border-box;
289 |           box-sizing: border-box;
290 |   display: -webkit-box;
291 |   display: -ms-flexbox;
292 |   display: flex;
293 |   -webkit-box-orient: horizontal;
294 |   -webkit-box-direction: normal;
295 |       -ms-flex-direction: row;
296 |           flex-direction: row;
297 |   -webkit-box-pack: center;
298 |       -ms-flex-pack: center;
299 |           justify-content: center;  
300 |   -ms-flex-wrap: wrap;  
301 |       flex-wrap: wrap;
302 | }
303 | footer a {
304 |   color: #fff;
305 | }
306 | footer .info {
307 |   width: 35%;
308 |   text-align:left;
309 |   font-size: 12px;
310 |   line-height:20px;
311 | }
312 | footer .infoLink{
313 |   width: 300px;
314 |   text-align:left;
315 |   font-size: 12px;
316 |   line-height:20px;
317 | }
318 | .bg-color {
319 |   background-color: #689eff;
320 | }
321 | .info .wechart{
322 |     width: 80px;
323 | }
324 | @media screen and (max-width:992px) {
325 |   .colRela {
326 |         margin-bottom: 15px;
327 |     }
328 |     .rightInfo {
329 |         margin-bottom: 70px;
330 |     }
331 |     .mHide{
332 |         display: none;
333 |     }
334 | }
335 | </style>
336 | 


--------------------------------------------------------------------------------
/src/components/h5.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |    <div class="h5Content"   id="top"  ref="viewBox" v-loading.fullscreen.lock="fullscreenLoading">
  3 |        <div class="logoLeft">
  4 |            <img src="./../../static/img/logo1.png" class="logoImg" alt="">
  5 |        </div>
  6 |        <div class="headerSeach" >
  7 |            <el-input class="searchInput" v-model="search" @keyup.enter.native="bingSearch()"></el-input>
  8 |            <el-button class="searchBtn" @click="bingSearch">Search</el-button>
  9 |        </div>
 10 |        <div class="bannerBack">
 11 |            <img  :src="banner">
 12 |        </div>
 13 | 
 14 |        <div id="commonly" class="toolBack">
 15 |            <p><i class="el-icon-date" style="font-size: 20px;color: #2774fd;margin-top:5px;"></i>常用</p>
 16 |            <ul class="toolList">
 17 |                <li  v-for="(item,index) in toolArr.home" :key="index">
 18 |                     <a :href="item.toolLink" target="_blank" :title="item.toolName">
 19 |                        {{item.toolName}}
 20 |                 </a>
 21 |                </li>
 22 |            </ul>
 23 |        </div>
 24 |        <div  class="toolBack">
 25 |            <p><i class="el-icon-date" style="font-size: 20px;color: #2774fd;margin-top:5px;"></i>vue</p>
 26 |            <ul class="toolList">
 27 |                <li  v-for="(item,index) in toolArr.vue" :key="index">
 28 |                     <a :href="item.toolLink" target="_blank" :title="item.toolName">
 29 |                        {{item.toolName}}
 30 |                 </a>
 31 |                </li>
 32 |            </ul>
 33 |        </div>
 34 |        <div  class="toolBack">
 35 |            <p><i class="el-icon-date" style="font-size: 20px;color: #2774fd;margin-top:5px;"></i>微信</p>
 36 |            <ul class="toolList">
 37 |                <li  v-for="(item,index) in toolArr.wechart" :key="index">
 38 |                     <a :href="item.toolLink" target="_blank" :title="item.toolName">
 39 |                        {{item.toolName}}
 40 |                 </a>
 41 |                </li>
 42 |            </ul>
 43 |        </div>
 44 |        <div  class="toolBack">
 45 |            <p><i class="el-icon-date" style="font-size: 20px;color: #2774fd;margin-top:5px;"></i>友链</p>
 46 |            <ul class="toolList">
 47 |                <li  v-for="(item,index) in toolArr.link" :key="index">
 48 |                     <a :href="item.toolLink" target="_blank" :title="item.toolName">
 49 |                        {{item.toolName}}
 50 |                 </a>
 51 |                </li>
 52 |            </ul>
 53 |        </div>
 54 |        <div  class="toolBack">
 55 |            <p><i class="el-icon-date" style="font-size: 20px;color: #2774fd;margin-top:5px;"></i>娱乐</p>
 56 |            <ul class="toolList">
 57 |                <li  v-for="(item,index) in toolArr.entertainment" :key="index">
 58 |                     <a :href="item.toolLink" target="_blank" :title="item.toolName">
 59 |                        {{item.toolName}}
 60 |                 </a>
 61 |                </li>
 62 |            </ul>
 63 |        </div>
 64 |        <div id="tool"   class="toolBack">
 65 |             <p><i class="el-icon-goods" style="font-size: 20px;color: #2774fd;margin-top:5px;"></i>工具</p>
 66 |            <ul class="toolList">
 67 |                <li  v-for="(item,index) in toolArr.result" :key="index">
 68 |                     <a :href="item.toolLink" target="_blank" :title="item.toolName">
 69 |                        {{item.toolName}}
 70 |                 </a>
 71 |                </li>
 72 |            </ul>
 73 |        </div>
 74 |        <div id="product"  class="toolBack">
 75 |           <p><i class="el-icon-edit-outline" style="font-size: 20px;color: #2774fd;margin-top:5px;"></i>项目</p>
 76 |            <ul class="toolList">
 77 |                <li  v-for="(item,index) in toolArr.project" :key="index">
 78 |                     <a :href="item.toolLink" target="_blank" :title="item.toolName">
 79 |                        {{item.toolName}}
 80 |                 </a>
 81 |                </li>
 82 |                <li  v-for="(item,index2) in toolArr.xiaozi" :key="index2+30">
 83 |                     <a :href="item.toolLink" target="_blank" :title="item.toolName">
 84 |                        {{item.toolName}}
 85 |                 </a>
 86 |                </li>
 87 |                <li  v-for="(item,index3) in toolArr.pilipa" :key="index3+50">
 88 |                     <a :href="item.toolLink" target="_blank" :title="item.toolName">
 89 |                        {{item.toolName}}
 90 |                 </a>
 91 |                </li>
 92 |                <li  v-for="(item,index4) in toolArr.wechartProject" :key="index4+80">
 93 |                     <a :href="item.toolLink" target="_blank" :title="item.toolName">
 94 |                        {{item.toolName}}
 95 |                 </a>
 96 |                </li>
 97 |            </ul>
 98 |        </div>
 99 |        <div id="chat"  class="toolBack">
100 |            <p><i class="el-icon-message" style="font-size: 20px;color: #2774fd;margin-top:5px;"></i>陪聊</p>
101 |            <iframe :src="src"></iframe>
102 |            <p class="copy">Copy©2019 dlq.CN Hou mian Do Shi Xia Bian De</p>
103 |        </div>
104 | 
105 |        <div class="footer">
106 |            <ul>
107 |                <li data-index='0' :class="ins==0?'active':''" @click="active(0)"   v-if="ins!=0">
108 |                    <a href="#commonly">
109 |                         <i class="el-icon-date" style="font-size: 30px;color: #2774fd;margin-top:5px;"></i>
110 |                         <a href="#commonly" >常用</a>
111 |                    </a>
112 |                </li>
113 |                <li data-index='0' :class="ins==0?'active':''" @click="active()"  v-else-if="ins==0" >
114 |                    <a href="#top">
115 |                         <i class="el-icon-arrow-up"  style="font-size: 30px;color: #2774fd;margin-top:5px;"></i>
116 |                         <a >回顶部</a>
117 |                    </a>
118 |                </li>
119 |                <li data-index='1' :class="ins==1?'active':''" @click="active(1)" v-if="ins!=1">
120 |                    <a href="#tool">
121 |                         <i class="el-icon-goods"  style="font-size: 30px;color: #2774fd;margin-top:5px;"></i>
122 |                         <a href="#tool" >工具</a> 
123 |                    </a>
124 |                </li>
125 |                <li data-index='1' :class="ins==1?'active':''" @click="active()"   v-else-if="ins==1">
126 |                    <a href="#top">
127 |                         <i class="el-icon-arrow-up"   style="font-size: 30px;color: #2774fd;margin-top:5px;"></i>
128 |                         <a>回顶部</a>
129 |                    </a>
130 |                </li>
131 |                <li data-index='2' :class="ins==2?'active':''" @click="active(2)"  v-if="ins!=2" >
132 |                     <a href="#product" >
133 |                         <i class="el-icon-edit-outline"   style="font-size: 30px;color: #2774fd;margin-top:5px;"></i>
134 |                         <a href="#product">项目</a>
135 |                     </a>
136 |                </li>
137 |                <li data-index='2' :class="ins==2?'active':''" @click="active()"  v-else-if="ins==2" >
138 |                     <a href="#top">
139 |                         <i class="el-icon-arrow-up"   style="font-size: 30px;color: #2774fd;margin-top:5px;"></i>
140 |                         <a>回顶部</a>
141 |                     </a>
142 |                </li>
143 | 
144 |                <li data-index='3' :class="ins==3?'active':''" @click="active(3)"  v-if="ins!=3"  >
145 |                    <a href="#chat">
146 |                         <i class="el-icon-message"    style="font-size: 30px;color: #2774fd;margin-top:5px;"></i>
147 |                         <a href="#chat" >陪聊</a>
148 |                     </a>
149 |                </li>
150 |                <li :class="ins==3?'active':''" @click="active()"  v-else-if="ins==3" >
151 |                     <a href="#top">
152 |                         <i class="el-icon-arrow-up"    style="font-size: 30px;color: #2774fd;margin-top:5px;"></i>
153 |                         <a>回顶部</a>
154 |                     </a>
155 |                </li>
156 |            </ul>
157 |        </div>
158 |         
159 |    </div>
160 | </template>
161 | 
162 | <script>
163 | export default {
164 |   name: 'App',
165 | 	data() {
166 | 		return{
167 |             fullscreenLoading:false,
168 |             ins:null,
169 |             toolArr:[],//json
170 |              scroll: '',
171 |              src: 'http://wogeshi.lidongliang4444.cn/04tulingRobot/',
172 |             bannerArr:[
173 |                 'http://5b0988e595225.cdn.sohucs.com/images/20180720/8bca9fad003a49f997dcdbcfdcba1f5b.gif',
174 |                 'http://5b0988e595225.cdn.sohucs.com/images/20180720/8bca9fad003a49f997dcdbcfdcba1f5b.gif',
175 |                 'http://pic80.nipic.com/file/20151014/21854933_174850826943_2.jpg',
176 |                 'http://pic34.nipic.com/20131105/14591546_145629603118_2.jpg'
177 |             ],
178 |             banner:'http://pic.qqtn.com/up/2015-8/2015081016243210505.png',
179 |             search:'',
180 | 		//   clientHeight: '',  // 这里是给到了一个默认值 （这个很重要）
181 | 		}
182 | 	},
183 | 	methods: {
184 |         active (num) {
185 |             this.ins=num
186 |             // console.log(num,'点了第几个')
187 |         },
188 | 　　_isMobile() {
189 | 			let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
190 | 			return flag;
191 | 		},
192 | 		locationRouter(){
193 |             if (this._isMobile()) {
194 |                 this.$router.replace('/h5');
195 |             } else {
196 |                 this.$router.replace('/');
197 |             }
198 |         },
199 |         bingSearch(){
200 |             window.location.href='https://cn.bing.com/search?q='+this.search
201 |             console.log('点击了搜索')
202 |         },
203 |         getToolJson () {
204 |             this.$http.get('static/tool.json',{
205 |             }).then(function(result) {
206 |                 this.fullscreenLoading = false;
207 |                 this.toolArr=result.data
208 |                     // console.log(this.toolArr,'这是数据')
209 |             }.bind(this))
210 |         },
211 |       handleScroll () {
212 |         var scrollTop = document.body.scrollTop;
213 |         if(scrollTop<117){
214 |             this.ins=null
215 |         }else if (scrollTop >= 117&&scrollTop<929) {
216 |            this.ins=0
217 |         }else if(scrollTop>=929&&scrollTop<1233){
218 |             this.ins=1
219 |         }else if(scrollTop>=1233&&scrollTop<1538){
220 |             this.ins=2
221 |         }else if(scrollTop>=1538){
222 |             this.ins=3
223 |         }
224 |     }
225 | 
226 | 	},
227 |  mounted() {
228 |      this.fullscreenLoading = true;
229 |      window.addEventListener('scroll', this.handleScroll, true)
230 |       this.locationRouter()
231 |       this.getToolJson()
232 | 	  var that = this;
233 |     window.onresize = function temp() {
234 | 			//  console.log('浏览器宽度')
235 | 			 that.locationRouter()
236 | 	};
237 |   }
238 | }
239 | 
240 | </script>
241 | <style>
242 | ul{
243 |     list-style: none;
244 |     padding: 0;
245 |     margin: 0;
246 | }
247 | a,a:hover,a:active,a:visited,a:link,a:focus{
248 |     -webkit-tap-highlight-color:rgba(0,0,0,0);
249 |     -webkit-tap-highlight-color: transparent;
250 |     outline:none;
251 |     background: none;
252 |     text-decoration: none;
253 | }
254 | ::-moz-selection{background:#ff07f6;color: #fff;} 
255 | ::selection {
256 |     background: #ff07f6;
257 | 	color: #fff;
258 | }
259 | html{
260 |      width: 100%;
261 |     height: 100%;
262 | }
263 | body{
264 |     width: 100%;
265 |     height: 100%;
266 |     margin: 0;
267 |     background-image: url(https://www.sqyai.com/zb_users/theme/brieflee/style/images/bg.png);
268 |     background-color: #FBFBFB;
269 | }
270 | .baniframe{
271 |   width: 100%;
272 |   height: 100%;
273 | }
274 | 
275 | .h5Content{
276 |     margin-top: -85px;;
277 |     padding: 2.7%;
278 |     padding-bottom: 75px;
279 | }
280 | .logoLeft{
281 |     text-align: left;
282 | }
283 | .logoImg{
284 | width: 136px;
285 | margin-bottom: 10px;
286 | }
287 | .headerSeach{
288 |     width: 100%;
289 |     margin: 0;
290 |     display: flex;
291 | }
292 | .searchInput{
293 |     width: 80%;
294 |     margin: 0;
295 |     border: none;
296 |     border-radius: 0;
297 | }
298 | .searchInput input{
299 |     border: 1px solid #2774fd;
300 |     border-radius: 0;
301 |     outline: none;
302 | }
303 | .searchInput input:hover{
304 |     border: 1px solid #2774fd;
305 |     border-radius: 0;
306 |     outline: none;
307 | }
308 | .headerSeach .searchBtn,.headerSeach .searchBtn:focus{
309 |     width: 20%;
310 |     margin: 0;
311 |     text-align: center;
312 |     border:none;
313 |     background: #2774fd;
314 |     color: #fff;
315 |     border-radius: 0;
316 |     padding: 0;
317 | }
318 | .bannerBack{
319 |     width: 100%;
320 |     margin-top: 10px;
321 | }
322 | .bannerBack img{
323 |     width: 100%;
324 |     height: 150px;
325 | }
326 | .footer{
327 |     width: 94.6%;
328 |     margin-left: 2.7%;
329 |     position: fixed;
330 |     bottom: 0;
331 |     left: 0;
332 | }
333 | .footer ul{
334 |     /* width: 100%; */
335 |     list-style: none;
336 |     display: flex;
337 |     padding: 0;
338 |     margin: 0;
339 |     background: #fff;
340 | 
341 | }
342 | .footer ul li{
343 |     width: 25%;
344 |     height: 65px;
345 |     /* line-height: 65px; */
346 |     text-align: center;
347 |     /* border: 1px solid #2774fd; */
348 | }
349 | .footer ul li.active{
350 |     color: #2774fd;
351 | }
352 | .footer ul li.active a{
353 |     color: #333;
354 | }
355 | .footer ul li i{
356 |     display: inline-block;
357 |     width: 100%;
358 |     height: 35px;
359 | }
360 | .footer ul li a{
361 | text-decoration: none;
362 | color: #333;
363 | }
364 | .toolBack{
365 |     background: #fff;
366 |     text-align: left;
367 |     padding:0 13px;
368 |     margin-top: 15px;
369 |     border: 1px solid #eee;
370 |     box-shadow: 5px 5px  10px 0 rgba(0,0,0,0.06);
371 |     border-radius: 5px;
372 | }
373 | .toolBack p{
374 |     padding: 0;
375 |     margin: 0;
376 |     border-bottom: 1px dashed #eee;
377 | }
378 | .toolBack p i{
379 |   margin-right: 13px;
380 |   padding: 5px 0;
381 | }
382 | .toolList{
383 |     text-align: left;
384 |     background: #fff;
385 | }
386 | .toolList li{
387 |     display: inline-block;
388 |     width: 24.5%;
389 |     height: 42px;
390 |     line-height: 42px;
391 |     text-align: center;
392 | }
393 | .toolList li a{
394 |     color: #666;
395 | }
396 | iframe{
397 |     width: 100%;
398 |     height: 753px;
399 |     border: none;
400 |     }
401 |    #chat .copy{
402 |         font-size: 14px;
403 |         text-align: center;
404 |         /* margin-bottom: 15px; */
405 |         border: none;
406 |         margin-bottom: 35px;
407 | }
408 | </style>
409 | 


--------------------------------------------------------------------------------
/static/tool.json:
--------------------------------------------------------------------------------
  1 | {
  2 |     "status":"0",
  3 |     "result":[
  4 |       {
  5 |           "toolName":"js美化",
  6 |           "toolDetails":"压缩解压js代码",
  7 |           "toolId":"1",
  8 |           "toolLink":"https://tool.lu/js/",
  9 |           "toolImg":"https://tse1.mm.bing.net/th?id=OIP.lcufdZVhCmmiMIKXTPT71gAAAA&pid=Api&w=300&h=300&rs=1&p=0"
 10 |       },
 11 |       {
 12 |           "toolName":"json",
 13 |           "toolDetails":"JSON 格式化校验以及其他常用工具",
 14 |           "toolId":"2",
 15 |           "toolLink":"http://www.bejson.com/",
 16 |           "toolImg":"https://tse4-mm.cn.bing.net/th?id=OIP.mgl5sqTs1VN6sh3_VshKTwHaHa&w=240&h=219&c=7&o=5&pid=1.7"
 17 |       },
 18 |       {
 19 |         "toolName":"html格式",
 20 |         "toolDetails":"html格式化",
 21 |         "toolId":"3",
 22 |         "toolLink":"http://tool.oschina.net/codeformat/html",
 23 |         "toolImg":"https://tse2-mm.cn.bing.net/th?id=OIP.ApDRkUfj0fttGTLRxGlotwHaHa&w=171&h=172&c=7&o=5&pid=1.7"
 24 |     },
 25 |       {
 26 |           "toolName":"正则验证",
 27 |           "toolDetails":"JavaScript正则表达式验证",
 28 |           "toolId":"4",
 29 |           "toolLink":"https://regexper.com/",
 30 |           "toolImg":"https://tse2-mm.cn.bing.net/th?id=OIP.4vrPCM8wbdRHXdeomVsWvAAAAA&w=210&h=210&c=7&o=5&pid=1.7"
 31 |       },
 32 |       {
 33 |           "toolName":"前端兼容",
 34 |           "toolDetails":"各个浏览器API兼容性查询",
 35 |           "toolId":"5",
 36 |           "toolLink":"https://www.caniuse.com/",
 37 |           "toolImg":"https://tse3-mm.cn.bing.net/th?id=OIP.KiIl9WyXl-F8X8LeC6HbXQHaHa&w=222&h=211&c=7&o=5&pid=1.7"
 38 |       },
 39 |       {
 40 |           "toolName":"墨刀",
 41 |           "toolDetails":"强大易用得原型设计与协同工具",
 42 |           "toolId":"6",
 43 |           "toolLink":"https://modao.cc/",
 44 |           "toolImg":"https://is1-ssl.mzstatic.com/image/thumb/Purple128/v4/05/1d/cd/051dcdd9-d6cc-7c05-6927-ae337677974d/AppIcon-1x_U007emarketing-85-220-0-8.png/230x0w.jpg"
 45 |       },
 46 |       {
 47 |           "toolName":"小智logo",
 48 |           "toolDetails":"用人工智能打造你的专属LOGO ",
 49 |           "toolId":"7",
 50 |           "toolLink":"https://xzlogo.com/",
 51 |           "toolImg":"https://xzlogo.com/static/images/about/z.png?v2"
 52 |       },
 53 |       {
 54 |           "toolName":"iconFont",
 55 |           "toolDetails":"阿里图标",
 56 |           "toolId":"8",
 57 |           "toolLink":"http://www.iconfont.cn/",
 58 |           "toolImg":"https://www.axure.com.cn/wp-content/uploads/2018/04/152328795485-axhubicons.png"
 59 |       },
 60 |       {
 61 |           "toolName":"icomoon",
 62 |           "toolDetails":"icomoon图标 ",
 63 |           "toolId":"9",
 64 |           "toolLink":"https://icomoon.io/",
 65 |           "toolImg":"https://image.flaticon.com/teams/slug/icomoon.jpg"
 66 |       },
 67 |       {
 68 |           "toolName":"Url解码",
 69 |           "toolDetails":"url编码解码 ",
 70 |           "toolId":"10",
 71 |           "toolLink":"http://tool.chinaz.com/tools/urlencode.aspx",
 72 |           "toolImg":"https://tse1-mm.cn.bing.net/th?id=OIP.KT7Tg0YoDkhw-an_ztm4rQAAAA&w=214&h=212&c=7&o=5&pid=1.7"
 73 |       },
 74 |       {
 75 |           "toolName":"熊猫压图",
 76 |           "toolDetails":"在线压缩图片",
 77 |           "toolId":"11",
 78 |           "toolLink":"https://tinypng.com/",
 79 |           "toolImg":"https://tinypng.com/images/apng/panda-waving.png"
 80 |       },
 81 |       {
 82 |           "toolName":"百度翻译",
 83 |           "toolDetails":"中英文翻译 ",
 84 |           "toolId":"12",
 85 |           "toolLink":"https://fanyi.baidu.com/",
 86 |           "toolImg":"https://tse1.mm.bing.net/th?id=OIP.v2UGtg3dZ6xYA0XfG8dWagAAAA&pid=Api"
 87 |       },
 88 |       {
 89 |         "toolName":"租房接口",
 90 |         "toolDetails":"收集豆瓣以及别的平台的租房信息",
 91 |         "toolId":"13",
 92 |         "toolLink":"http://www.jjzufang.top/",
 93 |         "toolImg":"https://tse4.mm.bing.net/th?id=OIP.HQyjFsxs6vZj1OsbZC30-gHaHa&pid=Api&w=1024&h=1024&rs=1&p=0"
 94 |     },
 95 |       {
 96 |         "toolName":"二维码",
 97 |         "toolDetails":"在线生成二维码",
 98 |         "toolId":"14",
 99 |         "toolLink":"https://cli.im/url",
100 |         "toolImg":"http://www.lgstatic.com/thumbnail_300x300/image1/M00/44/B4/CgYXBlXW1XiATxdsAABJHoi5NdM358.png"
101 |     },
102 |       {
103 |         "toolName":"代码对比",
104 |         "toolDetails":"两块代码放一起对比",
105 |         "toolId":"15",
106 |         "toolLink":"http://tool.oschina.net/diff/",
107 |         "toolImg":"https://tse2-mm.cn.bing.net/th?id=OIP.engr8z_lmcJJD1U0x1sXygHaHa&w=219&h=208&c=7&o=5&pid=1.7"
108 |     },
109 |     {
110 |         "toolName":"jq插件",
111 |         "toolDetails":"收集最新最全的插件库",
112 |         "toolId":"16",
113 |         "toolLink":"http://www.jq22.com",
114 |         "toolImg":"https://tse2-mm.cn.bing.net/th?id=OIP.6XD7pa1d3icqrv5vw8ne8gAAAA&w=250&h=217&c=7&o=5&pid=1.7"
115 |     },
116 |     {
117 |         "toolName":"ih5官网",
118 |         "toolDetails":"在线制作h5的网站",
119 |         "toolId":"17",
120 |         "toolLink":"https://www.ih5.cn/",
121 |         "toolImg":"http://www.lgstatic.com/thumbnail_300x300/i/image/M00/01/56/Cgp3O1Zn1daADpq6AAAXNPykUjo733.png"
122 |     },
123 |     {
124 |         "toolName":"稿定抠图",
125 |         "toolDetails":"在线抠图",
126 |         "toolId":"18",
127 |         "toolLink":"https://www.gaoding.com/koutu",
128 |         "toolImg":"https://pp.myapp.com/ma_icon/0/icon_12190422_1542894158/96"
129 |     },
130 |     {
131 |         "toolName":"图灵陪聊",
132 |         "toolDetails":"人工智能聊天",
133 |         "toolId":"19",
134 |         "toolLink":"http://www.tuling123.com/",
135 |         "toolImg":"https://tse3-mm.cn.bing.net/th?id=OIP.r5YcIX6w5liRs1e5VvZ__wAAAA&w=181&h=181&c=7&o=5&pid=1.7"
136 |     },
137 |     {
138 |         "toolName":"新榜",
139 |         "toolDetails":"刷公众号、新浪、抖音粉丝",
140 |         "toolId":"20",
141 |         "toolLink":"http://www.xinbang.ink",
142 |         "toolImg":"https://www.bing.com/th?id=OGC.892b8cdfe957d0bab77f7346d6144335&pid=1.7&rurl=http%3a%2f%2fwww.jf258.com%2fuploads%2f2013-07-19%2f235915394.jpg&ehk=wIFc%2fw0c5qC8ynv8tNkiqA"
143 |     },
144 |     {
145 |         "toolName":"孔明项目",
146 |         "toolDetails":"公司提bug的地方",
147 |         "toolId":"21",
148 |         "toolLink":"https://tower.im/teams/737918/projects/634/",
149 |         "toolImg":"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1546059367731&di=1fdcaf28904eb48bbb1ed2ba8541160c&imgtype=0&src=http%3A%2F%2Fimg2.woyaogexing.com%2F2017%2F10%2F01%2F23c87ec0191bcd53%2521400x400_big.jpg"
150 |     },
151 |     {
152 |         "toolName":"查快递",
153 |         "toolDetails":"看剁手的宝贝到哪了",
154 |         "toolId":"22",
155 |         "toolLink":"http://www.kuaidi100.com/",
156 |         "toolImg":"data:image/jpeg;base64,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"
157 |     },
158 |     {
159 |         "toolName":"百度统计",
160 |         "toolDetails":"统计访问量",
161 |         "toolId":"23",
162 |         "toolLink":"https://tongji.baidu.com/web/welcome/login",
163 |         "toolImg":"http://insideunmannedsystems.com/wp-content/uploads/2015/03/beidu.png"
164 |     },
165 |     {
166 |         "toolName":"猫池",
167 |         "toolDetails":"接码",
168 |         "toolId":"24",
169 |         "toolLink":"http://www.51xpjm.com/mobile/sms.html",
170 |         "toolImg":"http://pic.51yuansu.com/pic3/cover/01/24/28/59228cbe7022c_610.jpg"
171 |     },
172 |     {
173 |         "toolName":"成语接龙",
174 |         "toolDetails":"成语接龙",
175 |         "toolId":"25",
176 |         "toolLink":"https://chengyu.911cha.com/zi95f4_1.html",
177 |         "toolImg":"https://tse3-mm.cn.bing.net/th?id=OIP.rcYOtOlFHPMDSl-OOxWOhgHaHa&w=193&h=193&c=7&o=5&pid=1.7"
178 |     }
179 |     ],
180 |     "home":[
181 |         {
182 |             "toolName":"谷歌",
183 |             "toolDetails":"谷歌搜素",
184 |             "toolId":"1",
185 |             "toolLink":"https://www.google.com",
186 |             "toolImg":"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1542953820224&di=2614b8a8774ed591451f178fa0d0de06&imgtype=0&src=http%3A%2F%2Fimg0.tech2ipo.com%2Fupload%2Fimg%2Farticle%2F2015%2F09%2F1441159837827.png"
187 |         },
188 |         {
189 |             "toolName":"必应",
190 |             "toolDetails":"微软旗下的搜索引擎",
191 |             "toolId":"3",
192 |             "toolLink":"https://cn.bing.com/",
193 |             "toolImg":"http://img.25pp.com/uploadfile/app/icon/20160205/1454651232657016.jpg"
194 |         },
195 |         {
196 |             "toolName":"github",
197 |             "toolDetails":"代码仓库",
198 |             "toolId":"4",
199 |             "toolLink":"https://github.com/",
200 |             "toolImg":"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1542953778153&di=cfb766536d3181c72884cf06c6a69421&imgtype=0&src=http%3A%2F%2Fp0.so.qhimgs1.com%2Ft0161a0a49cc6678904.jpg"
201 |         },
202 |         {
203 |             "toolName":"公司代码",
204 |             "toolDetails":"代码仓库",
205 |             "toolId":"4",
206 |             "toolLink":"https://git.i-counting.cn",
207 |             "toolImg":"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1542953778153&di=cfb766536d3181c72884cf06c6a69421&imgtype=0&src=http%3A%2F%2Fp0.so.qhimgs1.com%2Ft0161a0a49cc6678904.jpg"
208 |         },
209 |         {
210 |             "toolName":"腾讯云",
211 |             "toolDetails":"服务器域名购买",
212 |             "toolId":"5",
213 |             "toolLink":"https://cloud.tencent.com/",
214 |             "toolImg":"https://mc.qcloudimg.com/static/img/11cbda56f3b4f304d8a26ffbf05b7066/tencent-cloud2.png"
215 |         },
216 |         {
217 |             "toolName":"阿里邮箱",
218 |             "toolDetails":"企业邮箱",
219 |             "toolId":"6",
220 |             "toolLink":"https://qiye.aliyun.com/",
221 |             "toolImg":"https://www.7down.com/attachment/soft/2017/0907/165203_10258688.png"
222 |         },
223 |         {
224 |             "toolName":"腾讯邮箱",
225 |             "toolDetails":"企业邮箱",
226 |             "toolId":"7",
227 |             "toolLink":"http://mail.qzoiedu.com/",
228 |             "toolImg":"https://tse1-mm.cn.bing.net/th?id=OIP.kg6LWnWYht6wIonKM6hFEgHaHa&pid=Api"
229 |         },
230 |         {
231 |             "toolName":"网易邮箱",
232 |             "toolDetails":"网易邮箱",
233 |             "toolId":"8",
234 |             "toolLink":"https://mail.163.com",
235 |             "toolImg":"http://uus-img1.android.d.cn/content_pic/201509/behpic/icon/3/2-15003/icon-google.png"
236 |         },
237 |         {
238 |             "toolName":"qq邮箱",
239 |             "toolDetails":"qq邮箱",
240 |             "toolId":"9",
241 |             "toolLink":"https://mail.qq.com",
242 |             "toolImg":"https://tse1-mm.cn.bing.net/th?id=OIP.KAWU81CHVK1DZOP6yZVXSgAAAA&pid=Api&w=300&h=300&rs=1&p=0"
243 |         },
244 |         {
245 |             "toolName":"react官网",
246 |             "toolDetails":"react英文官网",
247 |             "toolId":"10",
248 |             "toolLink":"https://reactjs.org/",
249 |             "toolImg":"http://wogeshi.lidongliang4444.cn/static/img/logo.svg"
250 |         },
251 |         {
252 |             "toolName":"CSDN",
253 |             "toolDetails":"csdn-专业IT技术社区",
254 |             "toolId":"11",
255 |             "toolLink":"https://www.csdn.net/",
256 |             "toolImg":"http://img.25pp.com/uploadfile/soft/images/2015/0516/20150516082551569.jpg"
257 |         },
258 |         {
259 |             "toolName":"掘金",
260 |             "toolDetails":"掘金",
261 |             "toolId":"12",
262 |             "toolLink":"https://juejin.im",
263 |             "toolImg":"https://gold-cdn.xitu.io/images/app/logo.png"
264 |         },
265 |         {
266 |             "toolName":"简书",
267 |             "toolDetails":"简书",
268 |             "toolId":"13",
269 |             "toolLink":"https://www.jianshu.com/",
270 |             "toolImg":"https://upload.jianshu.io/collections/images/1/%E7%BA%AF%E6%96%B9%E5%BD%A2.png?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240"
271 |         },
272 |         {
273 |             "toolName":"博客园",
274 |             "toolDetails":"博客园",
275 |             "toolId":"14",
276 |             "toolLink":"https://www.cnblogs.com/",
277 |             "toolImg":"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1542953642511&di=0f067fbfadd0aa45bbf4684fd9410875&imgtype=0&src=http%3A%2F%2Fi-3.yxdown.com%2F2016%2F3%2F19%2Fd4d45334-c517-4d1e-985a-c20630e1a8ab.jpg"
278 |         },
279 |         {
280 |             "toolName":"知乎",
281 |             "toolDetails":"逼乎分享你刚编的故事",
282 |             "toolId":"15",
283 |             "toolLink":"https://www.zhihu.com",
284 |             "toolImg":"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1543234826889&di=ffbcf527a1c29f809d741b25eb4afc9c&imgtype=0&src=http%3A%2F%2Fimg2.16pic.com%2F00%2F56%2F07%2F16pic_5607016_s.jpg"
285 |         },
286 |         {
287 |             "toolName":"tower",
288 |             "toolDetails":"管理项目任务，共享文档文件",
289 |             "toolId":"16",
290 |             "toolLink":"https://tower.im/",
291 |             "toolImg":"https://pp.myapp.com/ma_icon/0/icon_52531264_1539581278/96"
292 |         },
293 |         {
294 |             "toolName":"百度",
295 |             "toolDetails":"无良搜素引擎，广告集中地",
296 |             "toolId":"2",
297 |             "toolLink":"https://www.baidu.com",
298 |             "toolImg":"http://insideunmannedsystems.com/wp-content/uploads/2015/03/beidu.png"
299 |         },
300 |         {
301 |             "toolName":"node",
302 |             "toolDetails":"node官网",
303 |             "toolId":"17",
304 |             "toolLink":"https://nodejs.org/zh-cn/",
305 |             "toolImg":"https://tse3.mm.bing.net/th?id=OIP.gSEca2EZgU9y-yGJqavUKwHaHa&pid=Api&w=512&h=512&rs=1&p=0"
306 |         },
307 |         {
308 |             "toolName":"360搜索",
309 |             "toolDetails":"测试SEO",
310 |             "toolId":"18",
311 |             "toolLink":"https://www.so.com",
312 |             "toolImg":"http://p9.qhmsg.com/t01860f0d9c16ca2656.jpg"
313 |         },
314 |         {
315 |             "toolName":"搜狗搜索",
316 |             "toolDetails":"测试SEO",
317 |             "toolId":"19",
318 |             "toolLink":"https://www.sogou.com/",
319 |             "toolImg":"https://img01.sogoucdn.com/app/a/100520115/b1c523a594f61cd4b84e6763d12be8a9"
320 |         },
321 |         {
322 |             "toolName":"推特",
323 |             "toolDetails":"不存在的网站",
324 |             "toolId":"19",
325 |             "toolLink":"https://twitter.com",
326 |             "toolImg":"https://tse2.mm.bing.net/th?id=OIP.JFHOMDeVtpCmSAYKPULZJQHaHa&pid=Api"
327 |         },
328 |         {
329 |             "toolName":"脸书",
330 |             "toolDetails":"不存在的网站",
331 |             "toolId":"19",
332 |             "toolLink":"https://www.facebook.com",
333 |             "toolImg":"https://cn.bing.com/th?id=AMMS_14e5f895f295dc324f30352c6b259ece&w=110&h=110&c=7&rs=1&qlt=95&pcl=f9f9f9&cdv=1&pid=16.1"
334 |         }
335 |       ],
336 |       "project":[
337 |         {
338 |             "toolName":"中午吃啥",
339 |             "toolDetails":"解决吃饭选择恐惧症的网址",
340 |             "toolId":"1",
341 |             "toolLink":"http://wogeshi.lidongliang4444.cn/food/food.html?v=chifan",
342 |             "toolImg":"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1543293413934&di=a04617938d8c00ed85b6c0e3e22f5818&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F17%2F10%2F17%2F62ae435c524345b407dbb7bc42891be2.jpg%2521%2Ffwfh%2F804x804%2Fquality%2F90%2Funsharp%2Ftrue%2Fcompress%2Ftrue"
343 |         },
344 |         {
345 |             "toolName":"热狗大战",
346 |             "toolDetails":"用ih5做的移动端小游戏",
347 |             "toolId":"2",
348 |             "toolLink":"https://filede835a1d14c4.iamh5.cn/v3/idea/hMo2Z455",
349 |             "toolImg":"http://down.52pk.com/uploads/181105/5039_133413_2213.jpg"
350 |         },
351 |         {
352 |             "toolName":"滑滑滑",
353 |             "toolDetails":"ih5做的移动端的h5游戏",
354 |             "toolId":"4",
355 |             "toolLink":"http://file99ea7acf195b.aiwall.com/v3/idea/daiKeW8u",
356 |             "toolImg":"http://pre.ih5.cn/v3/files/2218880/17511/AF6OX7caN.png"
357 |         },
358 |         {
359 |             "toolName":"儿艺活动",
360 |             "toolDetails":"儿艺的活动",
361 |             "toolId":"5",
362 |             "toolLink":"http://www.5xing.com.cn/weixinH5/eryijumu/pages/index.html?from=groupmessage",
363 |             "toolImg":"http://wogeshi.lidongliang4444.cn/static/img/eryi.jpg"
364 |         },
365 | 
366 |         {
367 |             "toolName":"万圣节",
368 |             "toolDetails":"万圣节吓人的H5",
369 |             "toolId":"6",
370 |             "toolLink":"http://www.5xing.com.cn/weixinH5/wanshengjie/index3.html",
371 |             "toolImg":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAH0AfQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD3+iiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiq13e2tjC013cxQRjq0jhQPzriNY+MvgvR8qdSN3IP4bVd/68D9aAPQKK8J1H9pGyQkaboc8g7NcSBP0Ga5y5/aL8Ru/wDo+m6fEn+0GY/zFAH0zRXyyP2g/GIk3GPTiv8Ad8k//FVtaZ+0dqUbj+1NGt5k9bdyhH4HNAH0ZRXlmi/HjwjqbLHdNc6fIeP36Arn6qT+uK9F0/VtP1a3E+n3kF1Ef4oXDD9KAL1FFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUV5n8TfinaeCrZrGy2XGsSL8seeIR/eb+goA6vxN4w0XwjYm51e8WPP3IgcyP/ALq9T9a8L8S/tCaves8OgWiWMJ4EsoEkh98dB+tYOheBvGHxS1FtWvp5FtpG5vLnOMeiL3H04r27wv8ABrwr4dVHltBqN0OTNcjIz7L0FAHzqth438eXXm+RqepEn/WMrbB+P3RXXaT+z34nvAr39zZ2KnqpYu4/ADH619ORQxQRhIo1RBwAowBUtAHiGn/s46TEFOoazdTnuIUCD9c10dt8CfBEG3fZ3ExH9+4YZ/IivTKKAOC/4Uz4Cxj+wl+v2iX/AOKrA1f9n7wrexN/Z0l1YS9irmRfxDc/rXrlFAHyj4l+BninRFeayRNUtl5zbg7wPdev5ZrhrDVNa8MaiXs7i6sLqM4ZeVIPoQf619z1y/ifwF4e8WwFdTsEM2MLcRjbIv0I/rQB5T4M/aBBMdn4qgwTx9thH/oSj+n5V7np+o2eq2aXdjcx3Fu4yskbBgfyr5d8c/BfWvDHmXmmhtR00c7kX95H/vL3HuK5zwZ8QNa8EX4ks5me1J/fWjn5HH9D70AfaFFcx4P8a6T410pbzTpgJQB51ux+eI+hHp7109ABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFVry7gsLOa7uZBHDChkkcngADJNAHN/EDxhB4M8LXWoO6m6YeXbRn+Nz0/LrXz/8OfBF98SPEs+tazJK9gku+4lY8zOedg/z0qPW9R1P4w/EiKztCws/MKQLziKIHlz7kD+Qr6b8P6FZeG9FttKsIgkECBRgcse5PuTQBetbaCztY7a2iWKGNQqIgwAB9KsUUUAFFFFABRRRQAUUUUAFFFFACEAjBGRXkPxE+C1j4gWXUtBVLPUsFmiAAjmP/sp969fooA+JtM1PXvh74nEsYltL23fEsL5Acd1Ydwa+rPAvjjT/ABvoqXlqwS5TC3FuT80bf4Hsap/EP4d6d440lwUWHUolJt7kDnP91vVa+ZtG1bW/hr4yZgpiubV/LuIGPyyLnkH1yOhoA+0qKw/DPiOx8VaFb6tYPmKVRuXujd1P0rcoAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACvD/j/AOMWs9Ng8NWkmJrr95c4PIj7L+J/lXtU0qQQvLI2ERSzE9gOa+RXef4mfFwfeMd5dgf7kK//AGIoA9j+BXg5dF8M/wBuXMeL3UQCmRykQPA/Hr+Veu1Ba28dpaxW8ShYo1CIo7ADFT0AFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFeSfGb4dr4k0ltb06If2nZoSyqOZkHUfUc4r1ukIBBBGRQB8r/BLxm/hzxSNHu5NthqDbCG/gl/hP49K+qa+V/jP4Hbwt4lXWdPQpYXzlwV4EUucke2eor334e+JYvFXguw1FX3TBBFOM8iRRzn69fxoA6uiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigDhfi3rf8AYXw61KZGxLOv2aPnBy/B/TNeT/s66L9p8QajrMi5W1hEUZP95jyfyH61rftH6sRb6Ro6scMzXLj6Dav82rqPgHpQsfh4t2Vw17O8n4A7R/I0AeqUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFAHPeMvDNv4t8M3mk3AAMq5icjOxxyD+deKfAzV7nw/4x1HwlqGYzKWKo38MqcH8wP0r6Mr53+L9q/hH4maN4stE2JMVaTbxl0PP5qRQB9EUVBbTx3dtFcRMGjkUOhHcEZqegAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigD5R+PF+b34ky24bItYI4gPQkbj/6FX0T4BsBpngPRLTGCtqjH6kZP6mvlbxpP/bXxS1Mqc+bfmJT7Btor7GtIVt7OGFR8saKo/AUAWKKKKACio5JY4l3SOqj1Y4qOG8trjiK4ikI/uOD/KgCxRRRQAUUUUAFFFISAM5oAWivMfFvxr8OeGbt7KFZdQu0JDrARtU+7H+lYemftF6HcTBNQ0u7tVJ++hWQD69P60Ae1UVk6H4h0rxHZC70m9iuYT1KHlT6EdjWtQAUUUUAFeYfHTRf7V+Hk1yi5lsJVmBHXb90/oc/hXp9Z2t6bHq+iXunyjKXELRn8RigDifgt4j/ALe8AW0UjZuLA/Zn9SByp/I/pXo9fNXwB1GTSvHGo6JcZXz4WG0/89EYcflur6VoAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAqKeQQwSSHgKpJ/KpaxfFdyLPwlq1wTjy7SRs/wDATQB8ieFlOsfErTC3Pn6ijt/32Ca+1QMDFfHfwgtvtXxQ0cEZCO0h/BSR+uK+xKACuO8f+PLHwLopupsTXkvy21uDy59T6AV2J6V8efFvxFNr/wAQNR3OTBZyG2hXPACnBP4nJoAx/EfjbX/FN68+p6hK6k/LCrbY0HoFHFY9lqd9p1ws9ndzQSqcho3INU6KAPqH4OfEy58VRSaRq7htQt03JL0Mq+49RxXr1fJfwMink+JVq0O7akTtJjptxjn8a+tKACiiigArgPi/4lm8NeA7qW1fZc3JFvGw6ruByfyBrv68v+O2kzal8PJJoVLGzmWdgP7vIP8AOgD5SZizFmOWPU02iigDofCXi3U/B+sx6jp05XBAkiJ+WRe4Ir7G8Na/aeJ9BtdWsz+6uEzjPKnup9wa+GK+oP2eZLh/A9ysmfJW7by8/QZ/WgD1+iiigAooooA+WtSH/CIftCrIo2RPfK/ttlxn/wBCNfUgOQDXzb+0DYGw8aaVq8XymaEDcP7yNnP5EV9DaTdi+0izu16TQpIPxGaALtFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAVx/xRuPsvw11xx1NuU/76OP612Fec/G6cwfC3UgDgu8a/X5xQB4v8A7czfEpHxkRWsj/AE6D+tfV1fM37OVvu8Y6lP8A3LIr+br/AIV9MEgDJ6UAB5BFfGnxP0GfQfH2qRyowjuJnniY9GViT/XFfXFt4h0e9vWsrXU7Sa6XOYY5VZhjrxWX4u8E6L40sfsupRfvY/8AVzRnDxn6/wBKAPiirFpaXF7dR21tE800hCpGgyWJr3w/s3QG6yNekFvnp5I3fzr0jwf8NfD/AIMQPYW5luyMNdT4Z/w4wB9KAMf4SfDo+DNJe7vgDqt2B5v/AEzXsoP6mu51nWLLQNKn1PUJDFaQAGRwpbAzjoMmtKq91awXtpLbXMSywyqVdGGQwPbFAFTSNc03XrBL3S7yK5t36Oh6fUdQfrRq+u6ZoFk93ql7FbQr/E56/QdT+FeNa18GPEGk6nNdeCNae1t5Tk27TtGV9gR1H1rNs/gX4r1u8E3ifXRsHU+a0zke2eBQB6N4J+KNr448R3unWNhLHbW8RkW4c/f+YDp2613l1aw3tpNbXEayQzIUdGGQwIwRWH4T8GaR4N077HpUG3dzJK/LyH1JrpKAPln4g/BjV9AvZb3Rbd77S2YsFjGZIh6EdSPcV5ZLBLC5SSJ0cdVZSCK++cVRn0nTrp99xYW0rerxK39KAPjHwx4M1vxXfJbabZSOrH55iMIg9zX154O8M23hLwza6RbHd5Qy74xvc8k1R8ca+ngrwhcX9lbRCbcsUEYUBd7HAJxjivKV+Jd/4V8YW2n3etrqNsI/N1KZ2DrvIJKRbeABwPrQB9CUV5hZ/FOfVLnwvFa6ciPrE7iWB33SRxA4D8dO55HavT6ACiiigDx39ofSvtXgu01BR89pdAH/AHWBz+oFdl8Lr37f8NdDmzkrb+Wf+Akr/Sqvxesxe/DHV0PJRBIP+AsD/LNYnwBvvtPw5WDPNtcyR/gTu/rQB6rRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFeUftAyhPhyqZwXu4x9eCa9Xrxj9o2THhDTY8/evM/krUAc/wDs2W+b/XLn+7HGn5kn+legfF0a0+h2cOmw3stjJcAagtkMzGL0X2PP6VyP7NsG3S9bn/vSxr+QP+Ne60AfLPhrT/FOneMLjUdB8JXUJETJaJcwlViBGAzMerY9+tdD4W0n4lRaoupW9hPFNNcrJqD3kwQ3HJ4AwcIMnpX0LgUUARQeb5Kedt8zA3bemfapaKKACiiigAooooAKKKKACiiigDN1jRrDXtOksNTtkubWTlo39R0+lYtv8OPCFrbCCPQLLYARlk3NzwfmPNdZRQBynhr4feHPCdzJc6VYbJ3G3zHcuQPQZ6CuroooAKKKKAMPxhaC+8Haxa4z5lnKAPfacV5H+zfeg2muWBPKSRyj8QQf5CvcriJZraWJhkOhUj6185fAuX+yviXrGlPxvikTH+0jj+maAPpOiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAK8K/aSkI0vRI/70sh/ICvda+ff2k5T5uhRZ4xK38qANv8AZzhK+EdSlI4e8wPwVf8AGvZ68o/Z9i2fDp2/v3kh/RR/SvV6ACiiigAooooAKKKKACiiigAooooAKKK5nxv4ttfBvhu41S4w0g+WGLPMjnoP6n6UAWPEfizRvCtl9p1e+jgB+6h5d/ovU1xFn4+8SeOmZfBmlra2KMVk1G/6Z9FUd/xNeQ2vhvxH8SNfsL/V7lw2qSt5Qb+CFOWYDsozgepr6e0LRLHw7pFvpenQiK2hXAA6n1J9SaAPOdV8Z+Lfh3dW8viqKDVdJnYJ9rtF8tom9CvQ/p0r0Hw94n0nxRp4vdJu0nj/AIgPvIfQjsah8Z6HD4j8I6lpkyBjLA3lkjo4GVP51866XFq3wvm0PxXZPJNo+oIouUzgZ6Mh/HJBoA+qqKp6bf2+qabb39q4eC4jWSNh3BGRVygAr5ltD/wjX7Sjxn5EnvtuOgIlXI/Vq+mq+afjdA2ifFHTNajGPMWKbPq0bY/kBQB9LUVWsbhLuxguYzlJY1cH1BGas0AFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABXzr+0m+dU0NPSGQ/mRX0VXzp+0kP+Jxov8A1wf/ANCoA9D+BkXl/C6xb+/LK3/jxH9K9IrhvhFb/Zvhfoq4+9Gz/mxNdzQAUUUUAFFFFABRRRQAUUUUAFFFFABXz/8AFEy+Nfizo/hCFj9ngx5wB6E/Mx/BRX0BXhngq3+2/tC+JrqXk2wkC+xyFH6ZoA9P0zw+lj4jlvBAsdvBZRWdoB/CgJLce+R+VdJTS6jgsPzprypEpZ3VVHUk4oAewDKQehrmdf8ACdjqPgm70BYh5JgYRbuSrckH861P7f0feU/tSy3Dt565/nXO6r8TvCumyy2737TSJkMLeJpAD6ZAxSbS3Gk3scr8BNbluvDV7odyx87TJ9qg9kboPzBr1+vmT4PeJ7DT/iPq73V3FbWl8JCjTNtBbflevsTX0tHIk0avG6uhGQynIP40xEteJ/tF6T5/hzTdURfmtrgxsfRXH+KivbK5b4g6GPEXgbVdPC7pWgZ4h/tqNy/qBQBS+FOrDWPhvpExbdJFF5D56godv8gK7avCP2dNaP2bV9BlOHhdZ41PvkN/Jfzr3egAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAK+c/wBpL/kNaJ/1wf8A9Cr6Mr5x+O5Oq/EXQ9ITqYUUH3eQj+lAHtngW1+x+BdEg6bbOPP1Kg10VQW1ultaxQRjCRoFUegAqegAooooAKKKKACiiigAooooAKKKillSGJpZCAigsxPYCgDK1/xDpvhrTJL/AFO5WKJfujPzOfRR3NfNOl+IdQm+Imr3UGoyaJ/asjMHliBcxs2VUZHBxjmuvjuZfiH4uutcviW0ixkMVhbn7px1Yj8Afx9q37vQdLvrqG6u7KKSeL7jkcjHT615WLzKFGfs9b+R6WGwMqkVN/ceW69q23Xp9Ph1i9BgBE13cXDM7sD0UZwPwrHuNbur3RJ01W71a6uScQu87GPHuCfTNd1qngy38T6zd6lalLYxSCMErlZnH3ieeB2/CqGp+FNVsdOmllFs8SDLFHPAPGcY7dfwq6OOgrK+vW50xy6nWUnUly22stzOtfhzG/hxdTkvS03led5fRSOuM59KreBdWMPigRJOLbS3UiSOaT5c47Z75rr9I8ASxWSQ3+uXVxbEZ+zxMVQg9s5ORXWQ6HplvYCyjsoFtsf6soCD9fU+9Z47M8NKPJBN9GcGW5bi6UpTrzT1utOhkSeB/DVxFcSpp8RM4JLK5PPXK88fhWFo/iLWfhlfoyTS33h12xJAxyYs9we1a17ot7oCtfeH3YwrlpdPdiVYd9p7H6VSt7iz8Q6UxA3RSgrIh6qe4/CuOhiKlJ+0UnKP5HrTw1OrFwaSl0PftO1C21XT4L6zlWW3nUPG69CKtkAggivHfgVq00drqnhi6kLPp8u+LP8AcJ5x7Z/nXsdfQpp7HzzTTsz54Nkfhz8e4Jj+70zVHba3QBX6j8GxX0OCCMjpXkvx90Q3vg2DVol/f6dOG3DqEbg/rtrqvhn4lHijwPp9677rmNBDceu9eCT9ev40xHY0UUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFfPviCD+2/2l7G2I3LbeWSPQKpf+Zr6Cr5/8IsNT/aS1i4DZFuJsf8BwlAH0BRRRQAUUUUAFFFFABRRRQAUUUUAFcr8Rr19P+HmuTxkhxaOoI7bhj+tdVXMfECwfUvAOuWyDLtaSMo9SFyP5UAeZeAoFt/BemhR99C7e5JzW5fz/AGSxuLk9Io2f8hXOfDm7W78GWa5+eAtEw9CCf6YrW8TE/wDCM6njqLdv5V8fXg5YxxfVn1FFr2Ca7D/D8P2fQbJTnc0Ydie7Nyf1NXLuBbq0mt3GVkQofoRimadg6baEdDEuPyFWe9c05P2jl1ubxj7tjC8IXb3GgRRyn9/as1vL7FDj+WK3eorl9GzY+M9asOkc6pdRj6jDH866WWRYY2djgAVrio2q3Wzs/vIoNuNnutCrqU4itygPzNwK8/gT+yvGDQR/Lb38ZkCjpvHWupuZ2uJi7fQD0Fc9qcJfxJozAcr5pJ/4DitsJpeD2aKrRslJbpmr8NJfs/xp1GJfuzWBz+aGvfxXg/wmtje/FbXdQHMdtaiHPoxK/wDxJr3ivqKCapxT7Hy+IadWTXcyPFGkprnhfUtMcA/aLd0XPY44P514b+z7rb6fr+qeG7glfN/eRq3Z04YfXH8q+iscV8reIt3gP48G9T5IDdi446bJM7h+pFbGJ9U0UyNxIiupyrDIp9ABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFACMcKT6Cvn34Mk33xX8TXzrlj5pz6bpP8A61e9Xshjsp3HBWNj+leDfs6hpdY8RTtzkJk+5LGgD6CooooAKKKKACiiigAooooAKKKKACo5I1ljZGGVYYIPpUlFAHzbbh/h58QdS0G6Vl0+8fzbR+3JOP54P0rsbqWDUNNubcSAGWJk59xXWfELwJaeN9G8piINQgy1rc4+63ofY4FeLW+p6h4cvv7E8UwPa3CHbHcuMJIOgOehHvXkY/BSnNVqe56+AxcYx9lUdux23he5F34csXb78cflOD1DLwc/lWxwcGuCsnbTNRlRJv8ARLtvNidT8ocjkZHHOAR+NbBnlYYMr4+teJiKX7xtbPU9iirx32K+uzx6d400a9J+WZJLaTHoeV/Wr13eNdNgcIOg/qa5fxYrDTIrtQS1rOkvHoDWvLeQW9sJ55kjTGcswFbShz04Navb7iadoTlf1J6wNZ1H7DeB4kae7K+VbQIMsztyTgc+lZl14xn1G9TTPDlrJdXcrbUYKTyfQf1r2D4efDNfDbHWNZlF5rkw5c8rCD1C+/vXoYLL5356mi7HDjMxgly09WXPhR4RuPC3hln1Ff8AiZ30hnuM9Vz0U/57139FFe4eAFfO/wC0dpXl6lpGrov+sjaBz7qcj+Zr6Iryv4+6cLv4dPchctaXEcmfQE7f/ZqAOp+HWr/234B0e9LbnNusbn/aX5T/ACrq68g/Z41E3Xge6s2PNrdsB/usqn+ea9foAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAzPEEhh8O6lKDyttIw/75NeM/s3f6jxA3fzY/wD2avY/EylvC2qqOptJcf8AfJrxr9m58R6+nffGf/QqAPe6KKKACiiigAooooAKKKKACiiigAooooAKydZ8PaV4htDa6rYQ3UJ6CReR9D1Fa1FAHjOsfAmPY58O67dWQPzC3my8ZP1yMfrXFXngf4qaZKUjj+2IDgPE6MD+B5r6ZoqJU4T+JJmkas4fC7HzJF4I+KWqQvBNZrFFINrGVowMfhzWzpfwF1vUZkfxJripEvHlwZc49MnAH619BAUGiNOMfhSQSqzn8TOX8K+APD3g9P8AiWWQE5GGuJPmkb8e34V1VFFWZhRRRQAVyHxOtPtvw312LGcWxf8A75Ib+ldfWF4z2/8ACE63v+79hlz/AN8mgDxr9m26Il1y0LdRHIF/Mf4V9BV8sfAC8kg+IbW6sQlxaurD1xgivqegAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooo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1MqxOTsGT1/2cYoA6zTdMsdItEtNPtYbaBB8qRKFH6Ve4riUvtRn1y6hkt5Irv7CyEL03gnBU+nNQXJ8Q2mgwJNHNcOCkkcqZLq3GVcdx1oA73NFYVt9rHiZpHikFvNaqc9lYHkfXmt2gAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAqC4t4rq3lt5kDxSqUdG6EHgip6KAPP4/gz4GhvvtY0fc2dwRpnKA/TNd1DDHBCkMSBI0AVVA4AHapqKACo3jWVCjqGVhggjIIqSigDGHhXw+JRKNFsBIOQwt1z/KtgKFUADApaKACopYY5l2yxq6+jDNS0UAZbaDppvUvRaqtwmMMhK5x0yB1rTAA6ClooATaM5xzS0UUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAf//Z"
372 |         },
373 |         {
374 |             "toolName":"网址导航",
375 |             "toolDetails":"年轻人的第一个导航网页",
376 |             "toolId":"7",
377 |             "toolLink":"http://wogeshi.lidongliang4444.cn",
378 |             "toolImg":"data:image/jpeg;base64,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"
379 |         },
380 |         {
381 |             "toolName":"智能陪聊",
382 |             "toolDetails":"机器人",
383 |             "toolId":"8",
384 |             "toolLink":"http://wogeshi.lidongliang4444.cn/04tulingRobot/",
385 |             "toolImg":"https://tse3-mm.cn.bing.net/th?id=OIP.XHx-24oC3ZW0jZDVrWxG4QHaHa&w=214&h=213&c=7&o=5&pid=1.7"
386 |         }
387 |       ],
388 |       "xiaozi":[
389 |         {
390 |             "toolName":"债转",
391 |             "toolDetails":"一分钟玩转债转",
392 |             "toolId":"1",
393 |             "toolLink":"https://www.xiaoziqianbao.com/pcstatic/special/Debt/index.html",
394 |             "toolImg":""
395 |         },
396 |         {
397 |             "toolName":"618活动",
398 |             "toolDetails":"狂欢世界杯移动端",
399 |             "toolId":"2",
400 |             "toolLink":"https://www.xiaoziqianbao.com/pcstatic/special/carnivalWorldCup/index.html",
401 |             "toolImg":""
402 |         },
403 |         {
404 |             "toolName":"入门宝典",
405 |             "toolDetails":"新手福利H5",
406 |             "toolId":"3",
407 |             "toolLink":"https://www.xiaoziqianbao.com/pcstatic/special/newIntroduction/index.html",
408 |             "toolImg":""
409 |         },
410 |         {
411 |             "toolName":"ceo答疑",
412 |             "toolDetails":"筑梦三载",
413 |             "toolId":"4",
414 |             "toolLink":"https://www.xiaoziqianbao.com/pcstatic/special/buildDream3years/index.html",
415 |             "toolImg":""
416 |         },
417 |         {
418 |             "toolName":"邀请好友",
419 |             "toolDetails":"推荐奖励",
420 |             "toolId":"5",
421 |             "toolLink":"https://www.xiaoziqianbao.com/cellphoneweb/inviteFriend",
422 |             "toolImg":""
423 |         },
424 |         {
425 |             "toolName":"七夕活动",
426 |             "toolDetails":"为爱加息",
427 |             "toolId":"6",
428 |             "toolLink":"https://www.xiaoziqianbao.com/pcstatic/special/ValentinesDay/index.html",
429 |             "toolImg":""
430 |         },
431 |         {
432 |             "toolName":"抽奖活动",
433 |             "toolDetails":"每日抽奖",
434 |             "toolId":"7",
435 |             "toolLink":"https://www.xiaoziqianbao.com/pcstatic/lottery/lottery.html",
436 |             "toolImg":""
437 |         },
438 |         {
439 |             "toolName":"双十一",
440 |             "toolDetails":"双十一嘉年华",
441 |             "toolId":"8",
442 |             "toolLink":"https://www.xiaoziqianbao.com/pcstatic/special/eleven.html",
443 |             "toolImg":""
444 |         },
445 |         {
446 |             "toolName":"秒杀红包",
447 |             "toolDetails":"双事儿活动",
448 |             "toolId":"9",
449 |             "toolLink":"https://www.xiaoziqianbao.com/pcstatic/special/doubleTwelve/index.html",
450 |             "toolImg":""
451 |         }
452 |       ],
453 |       "pilipa":[
454 |         {
455 |             "toolName":"共享经济",
456 |             "toolDetails":"噼里啪第一个h5",
457 |             "toolId":"1",
458 |             "toolLink":"http://share.pilipa.cn/app.html",
459 |             "toolImg":""
460 |         },
461 |         {
462 |             "toolName":"签约",
463 |             "toolDetails":"上传身份证的签约",
464 |             "toolId":"2",
465 |             "toolLink":"https://freeworkshop.pilipa.cn/m/",
466 |             "toolImg":""
467 |         },
468 |         {
469 |             "toolName":"运营端",
470 |             "toolDetails":"下发/商户管理",
471 |             "toolId":"2",
472 |             "toolLink":"https://x-salary.i-counting.cn/backend/#/",
473 |             "toolImg":""
474 |         }
475 |       ],
476 |       "wechartProject":[
477 |         {
478 |             "toolName":"抽奖H5",
479 |             "toolDetails":"拼图抽奖php后台",
480 |             "toolId":"1",
481 |             "toolLink":"http://www.5xing.com.cn/weixinH5/ZHchoujiang/index.aspx",
482 |             "toolImg":"https://qr.api.cli.im/qr?data=http%253A%252F%252Fwww.5xing.com.cn%252FweixinH5%252FZHchoujiang%252Findex.aspx&level=H&transparent=false&bgcolor=%23ffffff&forecolor=%23000000&blockpixel=12&marginblock=1&logourl=&size=260&kid=cliim&key=3e5a0e6d0a63edf92c8217d018798430"
483 |         },
484 |         {
485 |             "toolName":"儿艺代言",
486 |             "toolDetails":"ih5实现",
487 |             "toolId":"2",
488 |             "toolLink":"http://h5.5xing.com.cn/v3/idea/78kYQMdc?suid=ohAJ7wRNc1bbK3pR_SA9TGZu6HjY",
489 |             "toolImg":"https://qr.api.cli.im/qr?data=http%253A%252F%252Fh5.5xing.com.cn%252Fv3%252Fidea%252F78kYQMdc%253Fsuid%253DohAJ7wRNc1bbK3pR_SA9TGZu6HjY&level=H&transparent=false&bgcolor=%23ffffff&forecolor=%23000000&blockpixel=12&marginblock=1&logourl=&size=260&kid=cliim&key=670dcd1ec3d6a38948e01e986d9c5643"
490 |         },
491 |         {
492 |             "toolName":"个人中心",
493 |             "toolDetails":"个人中心",
494 |             "toolId":"3",
495 |             "toolLink":"http://wanboyuan.5xing.com.cn/gerenzhongxin.aspx",
496 |             "toolImg":"https://qr.api.cli.im/qr?data=http%253A%252F%252Fwanboyuan.5xing.com.cn%252Fgerenzhongxin.aspx&level=H&transparent=false&bgcolor=%23ffffff&forecolor=%23000000&blockpixel=12&marginblock=1&logourl=&size=260&kid=cliim&key=61e98f294bbaaafdd3ebd257d32ba8b2"
497 |         }
498 |       ],
499 |       "vue":[
500 |         {
501 |             "toolName":"vue",
502 |             "toolDetails":"vue官网",
503 |             "toolId":"1",
504 |             "toolLink":"https://cn.vuejs.org/v2/api/",
505 |             "toolImg":""
506 |         },
507 |         {
508 |             "toolName":"iview",
509 |             "toolDetails":"一套基于 Vue.js 的高质量UI 组件库",
510 |             "toolId":"2",
511 |             "toolLink":"https://www.iviewui.com/docs/guide/install",
512 |             "toolImg":""
513 |         },
514 |         {
515 |             "toolName":"element",
516 |             "toolDetails":"一套为开发者、设计师和产品经理准备的Vue 2.0 组件库",
517 |             "toolId":"3",
518 |             "toolLink":"http://element-cn.eleme.io/#/zh-CN/component/installation",
519 |             "toolImg":""
520 |         },
521 |         {
522 |             "toolName":"vue资源",
523 |             "toolDetails":"A curated list of awesome things related to Vue.js",
524 |             "toolId":"4",
525 |             "toolLink":"https://github.com/vuejs/awesome-vue",
526 |             "toolImg":""
527 |         },
528 |         {
529 |             "toolName":"vue周刊",
530 |             "toolDetails":"The Official Vue News",
531 |             "toolId":"5",
532 |             "toolLink":"https://news.vuejs.org/",
533 |             "toolImg":""
534 |         },
535 |         {
536 |             "toolName":"vuex",
537 |             "toolDetails":"Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式",
538 |             "toolId":"6",
539 |             "toolLink":"https://vuex.vuejs.org/zh/guide/",
540 |             "toolImg":""
541 |         }
542 |       ],
543 |       "wechart":[
544 |         {
545 |             "toolName":"公众号",
546 |             "toolDetails":"公众号的管理页面",
547 |             "toolId":"1",
548 |             "toolLink":"https://mp.weixin.qq.com/",
549 |             "toolImg":""
550 |         },
551 |         {
552 |             "toolName":"开发文档",
553 |             "toolDetails":"微信公众平台技术文档",
554 |             "toolId":"2",
555 |             "toolLink":"https://mp.weixin.qq.com/wiki",
556 |             "toolImg":""
557 |         },
558 |         {
559 |             "toolName":"小程序api",
560 |             "toolDetails":"微信小程序技术文档",
561 |             "toolId":"3",
562 |             "toolLink":"https://developers.weixin.qq.com/miniprogram/dev/",
563 |             "toolImg":""
564 |         },
565 |         {
566 |             "toolName":"小游戏",
567 |             "toolDetails":"微信小游戏技术文档",
568 |             "toolId":"4",
569 |             "toolLink":"https://developers.weixin.qq.com/minigame/introduction/",
570 |             "toolImg":""
571 |         },
572 |         {
573 |             "toolName":"商户平台",
574 |             "toolDetails":"微信系列支付技术文档",
575 |             "toolId":"5",
576 |             "toolLink":"https://pay.weixin.qq.com/wiki/doc/api/index.html",
577 |             "toolImg":""
578 |         },
579 |         {
580 |             "toolName":"开放平台",
581 |             "toolDetails":"第三方开发接入技术文档",
582 |             "toolId":"6",
583 |             "toolLink":"https://open.weixin.qq.com/",
584 |             "toolImg":""
585 |         },
586 |         {
587 |             "toolName":"mpvue",
588 |             "toolDetails":"mpvue是第一个使用vue开发小程序的框架",
589 |             "toolId":"6",
590 |             "toolLink":"http://mpvue.com/",
591 |             "toolImg":""
592 |         },
593 |         {
594 |             "toolName":"WePY",
595 |             "toolDetails":"微信小程序组件化开发框架WePY官方文档",
596 |             "toolId":"6",
597 |             "toolLink":"https://tencent.github.io/wepy/index.html",
598 |             "toolImg":""
599 |         }
600 |       ],
601 |       "link":[
602 |         {
603 |             "toolName":"技术胖",
604 |             "toolDetails":"技术胖的博客，会更新教程",
605 |             "toolId":"1",
606 |             "toolLink":"http://jspang.com",
607 |             "toolImg":""
608 |         },
609 |         {
610 |             "toolName":"游魂博客",
611 |             "toolDetails":"游魂的博客",
612 |             "toolId":"2",
613 |             "toolLink":"https://www.iyouhun.com/",
614 |             "toolImg":""
615 |         },
616 |         {
617 |             "toolName":"轩陌博客",
618 |             "toolDetails":"轩陌的个人博客",
619 |             "toolId":"3",
620 |             "toolLink":"https://www.xuanmo.xin/",
621 |             "toolImg":""
622 |         },
623 |         {
624 |             "toolName":"十年踪迹",
625 |             "toolDetails":"更新十年博客的大神",
626 |             "toolId":"4",
627 |             "toolLink":"https://www.h5jun.com/",
628 |             "toolImg":""
629 |         },
630 |         {
631 |             "toolName":"rnseia",
632 |             "toolDetails":"rnseia的博客",
633 |             "toolId":"5",
634 |             "toolLink":"https://rnseia.github.io/",
635 |             "toolImg":""
636 |         }
637 |       ],
638 |       "entertainment":[
639 |         {
640 |             "toolName":"网易音乐",
641 |             "toolDetails":"听歌的",
642 |             "toolId":"1",
643 |             "toolLink":"https://music.163.com/",
644 |             "toolImg":"http://images.missyuan.com/attachments/day_150720/20150720_5b9a08266c6270e1a2e34EcsPPESCPec.jpg"
645 |         },
646 |         {
647 |             "toolName":"哔哩哔哩",
648 |             "toolDetails":"看弹幕的",
649 |             "toolId":"2",
650 |             "toolLink":"https://www.bilibili.com/",
651 |             "toolImg":"https://gss1.bdstatic.com/-vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike150%2C5%2C5%2C150%2C50/sign=f0f60c1dfbdeb48fef64a98c9176514c/960a304e251f95cadcc404cac1177f3e6709529c.jpg"
652 |         },
653 |         {
654 |             "toolName":"优酷",
655 |             "toolDetails":"看视频的",
656 |             "toolId":"3",
657 |             "toolLink":"http://www.youku.com/",
658 |             "toolImg":"http://p3.qhmsg.com/t018e47536619a9ff4e.png"
659 |         },
660 |         {
661 |             "toolName":"腾讯视频",
662 |             "toolDetails":"免流的",
663 |             "toolId":"4",
664 |             "toolLink":"https://v.qq.com/",
665 |             "toolImg":"http://img.wdjimg.com/mms/icon/v1/8/2e/46a5acd4375af547dfa7b70d6e45d2e8_256_256.png"
666 |         },
667 |         {
668 |             "toolName":"爱奇艺",
669 |             "toolDetails":"看广告的",
670 |             "toolId":"5",
671 |             "toolLink":"http://www.iqiyi.com/",
672 |             "toolImg":"https://tse2-mm.cn.bing.net/th?id=OIP.PXVQJH2YFy3f48n5XJQ0PwHaHa&pid=Api&w=1024&h=1024&rs=1&p=0"
673 |         },
674 |         {
675 |             "toolName":"youtube",
676 |             "toolDetails":"不存在的网站",
677 |             "toolId":"6",
678 |             "toolLink":"https://www.youtube.com/",
679 |             "toolImg":"https://tse3-mm.cn.bing.net/th?id=OIP.RE2gih-3F2eV5-toqTD3XwHaHa&pid=Api&w=1024&h=1024&rs=1&p=0"
680 |         },
681 |         {
682 |             "toolName":"豆瓣",
683 |             "toolDetails":"电影评分",
684 |             "toolId":"7",
685 |             "toolLink":"https://www.douban.com/",
686 |             "toolImg":"http://pic.962.net/up/2016-8/20168101133106777.png"
687 |         },
688 |         {
689 |             "toolName":"天猫",
690 |             "toolDetails":"花钱的",
691 |             "toolId":"8",
692 |             "toolLink":"https://www.tmall.com",
693 |             "toolImg":"https://ss0.bdstatic.com/-0U0bnSm1A5BphGlnYG/tam-ogel/b80a043c57da31ca37f99c22b53511e3_121_121.jpg"
694 |         },
695 |         {
696 |             "toolName":"京东",
697 |             "toolDetails":"花钱的",
698 |             "toolId":"9",
699 |             "toolLink":"www.jd.com",
700 |             "toolImg":"https://ss0.bdstatic.com/-0U0bnSm1A5BphGlnYG/tam-ogel/299c55e31d7f50ae4dc85faa90d6f445_121_121.jpg"
701 |         }
702 |       ]
703 |     }


--------------------------------------------------------------------------------