<!-- * @Author: your name * @Date: 2022-03-25 13:46:23 * @LastEditTime: 2022-03-28 15:05:04 * @LastEditors: Please set LastEditors * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @FilePath: /gassafety-progress/gassafetyprogress-web/src/views/operationMonitor/monitorData/component/charsData.vue --> <template> <div class="chars-data"> <TopCard :cardList="cardList"/> <CzCard/> <Cg/> <Fmj/> <Tyx/> </div> </template> <script> import TopCard from "./TopCard"; import CzCard from "./CzCard"; import Cg from "./Cg"; import Fmj from "./Fmj"; import Tyx from "./Tyx"; export default { name: "charsData", components: { TopCard, CzCard, Cg, Fmj, Tyx }, data() { return { cardList: [ { deviceName: "压力表", count: 11 }, { deviceName: "流量计", count: 9 }, { deviceName: "探测器", count: 1238 }, ], deviceIconList: ["ylb", "llj", "tcq"], }; }, }; </script> <style lang="scss" scoped> .chars-data { // padding: 26px 108px 0 88px; padding: 20px; padding-right: 50px; } </style>