├─.vscode  
├─build    
├─config
├─dist
│  └─static
│      ├─css
│      ├─fonts
│      ├─img
│      └─js
├─img
├─node_modules
├─src
├─static
├─.babelrc
├─.editorconfig
├─.eslintignore
├─.eslintrc.js
├─.gitignore
├─.postcssrc.js
├─index.html
├─LICENSE
├─package.json
├─package-lock.json
├─projects.json
├─projects_example.json
├─README.md
├─项目简要说明.md

methods: {
// 获取项目信息的方法
getProjectInfos () {
    // 注意修改地址
    axios.get('http://youpai.142vip.cn/project-display/projects.json').then(res => {
    // 获取网站变灰属性，项目信息
    const {projects, gray} = res.data
    // 数据赋值
    this.projects = projects
    if (gray) {
        // 设置为灰色，即gray=true
        const html = document.getElementsByTagName('html')
        html.className = 'pageTranslateGraySpecial'
    }
    this.isShow = true
    }).catch(() => {
    this.isShow = false
    this.$message.error('实在抱歉，站点出现问题，快去联系站长吧~')
    })
}
},

{
    "projects": [
      {
        "image": "http://blogimg.zhulou.net/jianshu/2019/3/zI7FZr.png",
        "name": "Promethe监控",
        "desc": "Prometheus 是由 SoundCloud 开源监控告警解决方案。",
        "keys": ["mysql集群", "linux系统", "实时监控"],
        "url": "http://view.142vip.cn/prometheus"
      },
      {
        "image": "http://blogimg.zhulou.net/jianshu/2019/3/zI7FZr.png",
        "name": "Promethe监控",
        "desc": "Prometheus 是由 SoundCloud 开源监控告警解决方案。",
        "keys": ["mysql集群", "linux系统", "实时监控"],
        "url": "http://view.142vip.cn/prometheus"
      }
    ],
    "gray":true
  }