cyzh-park/src/views/wel/index-old.vue

<template>
  <div  class="full animate__animated animate__faster"
    :class="menuIndex == 0 ? 'animate__fadeInLeftBig' : 'animate__fadeOutLeftBig'">
    <basic-container style="margin-top: 10px;">
      <avue-data-card :option="option"></avue-data-card>
    </basic-container>
  </div>
</template>

<script>
  import {
    mapGetters
  } from "vuex";
  export default {
    computed: {
      ...mapGetters(["menuIndex"])
    },
    data() {
      return {
        option: {
          span: 8,
          data: [{
              name: '大屏设计器',
              src: './test/3.png',
              text: '自动生成大屏数据面板',
              href: 'https://data.avuejs.com/build/1427195433161928705',
              target: '_blank'
            },
            {
              name: '3D场景设计器',
              src: './test/1.png',
              text: '构建自己的3D可视化场景',
              href: 'http://8.129.99.119/editor/editor/',
              target: '_blank'
            },
            {
              name: '信阳榕基软件园',
              src: './test/2.png',
              text: '信阳软件园区',
              href: 'http://192.168.1.69:1888/',
              target: '_blank'
            },
            // {
            //   name: '城市指挥中心',
            //   src: './test/5.png',
            //   text: '城市指挥中心',
            //   href:'http://36.103.227.152:1777',
            //   target:'_blank'
            // },
            // {
            //   name: '城市网格管理',
            //   src: './test/4.png',
            //   text: '城市网格管理',
            //   href:'http://36.103.227.152:1666',
            //   target:'_blank'
            // },
            // {
            //   name: '宁夏银川市望远工业园区德锐斯创业园',
            //   src: './test/6.png',
            //   text: '宁夏银川市望远工业园区德锐斯创业园',
            //   href:'http://139.9.103.171:1999/#/wel/index21',
            //   target:'_blank'
            // },
            // {
            //   name: '宁夏数字园区',
            //   src: './test/7.png',
            //   text: '宁夏数字园区',
            //   href:'http://139.9.103.171:1888/#/wel/smartCommunity',
            //   target:'_blank'
            // },
            // {
            //   name: '消防态势--设备态势',
            //   src: './test/8.png',
            //   text: '消防态势--设备态势',
            //   href:'http://192.168.1.69:1889/#/wel/fireDevices',
            //   target:'_blank'
            // },
            // {
            //   name: '养老服务',
            //   src: './test/9.png',
            //   text: '养老服务',
            //   href:'http://192.168.1.69:1889/#/wel/smartPension',
            //   target:'_blank'
            // },
            // {
            //   name: '公安服务',
            //   src: './test/10.png',
            //   text: '公安服务',
            //   href:'http://192.168.1.69:1889/#/wel/smartPolice',
            //   target:'_blank'
            // },
            // {
            //   name: '运营服务',
            //   src: './test/11.png',
            //   text: '运营服务',
            //   href:'http://192.168.1.69:1889/#/wel/operatePlatform',
            //   target:'_blank'
            // },
          ]
        },
      }
    },
    methods: {

    }
  }
</script>



<style scoped lang="scss">
  /deep/ .data-card .item {
    position: relative;
    margin: 0 auto 50px;
    width: 500px;
    height: 300px;
    overflow: hidden;
    /* border-radius: 5px;
    border-color: transparent; */
    /* border-width: 1px;
    border-style: solid; */
    /* box-shadow: 2px 2px 2px #30313B; */

  }

  /deep/ .el-card {
    border: 1px solid transparent;
  }
</style>