图标替换

ZZJ

2021-11-22 ff58b3c203ab46d41e447ea428138ba31e3362df

图标替换

 src/api/helemt.ts

@@ -15,3 +15,10 @@
        data
    })
}

export const getBanner = () => {
    return request({
        url: `/temp/iotdata/banner-info`,
        method: "get",
    })
}

 src/pages/internetEquipment/components/helemetHead.vue

@@ -1,6 +1,7 @@
<template>
  <div class="helemetHead">
      <headCard v-for="(item,index) in cardData"
    <headCard
      v-for="(item, index) in cardData"
      :key="index"
      :number="item.number"
      :info="item.info"
@@ -9,15 +10,18 @@
      />

      <helemetEchart />

  </div>
</template>

<script>
import headCard from '@/pages/internetEquipment/components/headCard'
import helemetEchart from '@/pages/internetEquipment/components/helemetEchart'
import headCard from "@/pages/internetEquipment/components/headCard";
import helemetEchart from "@/pages/internetEquipment/components/helemetEchart";
import { getBanner } from "@/api/helemt";

export default {
  async created() {
    const res = await getBanner();
  },
    data (){
        return {
            cardData: [
@@ -26,18 +30,17 @@
                {number:45,info:"今日预警",color:"#FF6464"},
            ],
            cardImage: [
                '/images/InternetDevice/Group 441.png',
                '/images/InternetDevice/Group 367.png',
                '/images/InternetDevice/Group 368.png',
            ]
        }
        "/images/InternetDevice/Group 441.png",
        "/images/InternetDevice/Group 367.png",
        "/images/InternetDevice/Group 368.png",
      ],
    };
    },
    components :{
        headCard,
        helemetEchart
    }

}
    helemetEchart,
  },
};
</script>

<style scoped lang="scss">

 src/pages/syslog/index/App.vue

@@ -37,10 +37,10 @@
  data() {
    return {
      menuArr: [
        { name: "操作日志", icon: "\ue706", size: 26 },
        { name: "系统日志", icon: "\ue730", size: 26 },
        { name: "轮询日志", icon: "\ue708", size: 26 },
        { name: "事件推送日志", icon: "\ue7c9", size: 17 },
        { name: "操作日志", icon: "\ue7c6", size: 26 },
        { name: "系统日志", icon: "\ue7c8", size: 26 },
        { name: "轮询日志", icon: "\ue7c4", size: 26 },
        { name: "事件推送日志", icon: "\ue7c9", size: 19 },
      ],
      activePage: 0,
    };

 vue.config.js

@@ -41,8 +41,8 @@
});

// const serverUrl = "http://58.118.225.79:41243" // 羊五
const serverUrl = "http://192.168.8.10:7009";
// const serverUrl = "http://192.168.20.10:9000";
// const serverUrl = "http://192.168.8.10:7009";
const serverUrl = "http://192.168.20.10:9000";

// const cir = require("circular-dependency-plugin");