| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\cards\\cards.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\cards\\cards.vue","mtime":1761614938949},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdjYXJkcycsDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGNvbHNpemU6IHsNCiAgICAgICAgeGw6IDQsDQogICAgICAgIGxnOiA4LA0KICAgICAgICBtZDogMTIsDQogICAgICB9LA0KICAgIH07DQogIH0sDQogIHByb3BzOiB7DQogICAgY2FyZExpc3RzOiBBcnJheSwNCiAgfSwNCiAgbWV0aG9kczoge30sDQogIGNyZWF0ZWQoKSB7DQogICAgbGV0IGNhcmRsZW5ndGggPSB0aGlzLmNhcmRMaXN0cy5sZW5ndGg7DQogICAgc3dpdGNoIChjYXJkbGVuZ3RoKSB7DQogICAgICBjYXNlIDE6DQogICAgICAgIHRoaXMuY29sc2l6ZS54bCA9IDI0Ow0KICAgICAgICB0aGlzLmNvbHNpemUubGcgPSAyNDsNCiAgICAgICAgdGhpcy5jb2xzaXplLm1kID0gMjQ7DQogICAgICAgIGJyZWFrOw0KICAgICAgY2FzZSAyOg0KICAgICAgICB0aGlzLmNvbHNpemUueGwgPSAxMjsNCiAgICAgICAgdGhpcy5jb2xzaXplLmxnID0gMTI7DQogICAgICAgIHRoaXMuY29sc2l6ZS5tZCA9IDEyOw0KICAgICAgICBicmVhazsNCiAgICAgIGNhc2UgMzoNCiAgICAgICAgdGhpcy5jb2xzaXplLnhsID0gODsNCiAgICAgICAgdGhpcy5jb2xzaXplLmxnID0gODsNCiAgICAgICAgdGhpcy5jb2xzaXplLm1kID0gODsNCiAgICAgICAgYnJlYWs7DQogICAgICBjYXNlIDQ6DQogICAgICAgIHRoaXMuY29sc2l6ZS54bCA9IDY7DQogICAgICAgIHRoaXMuY29sc2l6ZS5sZyA9IDY7DQogICAgICAgIHRoaXMuY29sc2l6ZS5tZCA9IDEyOw0KICAgICAgICBicmVhazsNCiAgICAgIGNhc2UgNToNCiAgICAgICAgdGhpcy5jb2xzaXplLnhsID0gODsNCiAgICAgICAgdGhpcy5jb2xzaXplLmxnID0gODsNCiAgICAgICAgdGhpcy5jb2xzaXplLm1kID0gMTI7DQogICAgICAgIGJyZWFrOw0KICAgICAgZGVmYXVsdDoNCiAgICAgICAgdGhpcy5jb2xzaXplLnhsID0gNDsNCiAgICAgICAgdGhpcy5jb2xzaXplLmxnID0gODsNCiAgICAgICAgdGhpcy5jb2xzaXplLm1kID0gMTI7DQogICAgICAgIGJyZWFrOw0KICAgIH0NCiAgICBpZiAodGhpcy5jYXJkTGlzdHMubGVuZ3RoID09IDQpIHsNCiAgICAgIHRoaXMuY29sc2l6ZS5sZyA9IDY7DQogICAgfSBlbHNlIGlmICh0aGlzLmNhcmRMaXN0cy5sZW5ndGggPT0gNCkgew0KICAgICAgdGhpcy5jb2xzaXplLmxnID0gODsNCiAgICB9DQogIH0sDQp9Ow0K"},{"version":3,"sources":["cards.vue"],"names":[],"mappings":";AAmDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"cards.vue","sourceRoot":"src/components/cards","sourcesContent":["<template>\r\n <div>\r\n <!--v-if=\"item.count && item.count!='0.00'\"-->\r\n <el-row align=\"middle\" :gutter=\"16\" class=\"ivu-mt\">\r\n <el-col\r\n :xl=\"item.col || colsize.xl\"\r\n :lg=\"colsize.lg\"\r\n :md=\"colsize.md\"\r\n :sm=\"24\"\r\n :xs=\"24\"\r\n class=\"ivu-mb\"\r\n v-for=\"(item, index) in cardLists\"\r\n :key=\"index\"\r\n >\r\n <el-card shadow=\"never\" class=\"card_cent\">\r\n <div class=\"card_box\">\r\n <div\r\n class=\"card_box_cir\"\r\n :class=\"{\r\n one: index % 5 == 0,\r\n two: index % 5 == 1,\r\n three: index % 5 == 2,\r\n four: index % 5 == 3,\r\n five: index % 5 == 4,\r\n }\"\r\n >\r\n <div\r\n class=\"card_box_cir1\"\r\n :class=\"{\r\n one1: index % 5 == 0,\r\n two1: index % 5 == 1,\r\n three1: index % 5 == 2,\r\n four1: index % 5 == 3,\r\n five1: index % 5 == 4,\r\n }\"\r\n >\r\n <span class=\"iconfont\" :class=\"item.className\"></span>\r\n </div>\r\n </div>\r\n <div class=\"card_box_txt\">\r\n <span class=\"sp1\" v-text=\"item.count || 0\"></span>\r\n <span class=\"sp2\" v-text=\"item.name\"></span>\r\n </div>\r\n </div>\r\n </el-card>\r\n </el-col>\r\n </el-row>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'cards',\r\n data() {\r\n return {\r\n colsize: {\r\n xl: 4,\r\n lg: 8,\r\n md: 12,\r\n },\r\n };\r\n },\r\n props: {\r\n cardLists: Array,\r\n },\r\n methods: {},\r\n created() {\r\n let cardlength = this.cardLists.length;\r\n switch (cardlength) {\r\n case 1:\r\n this.colsize.xl = 24;\r\n this.colsize.lg = 24;\r\n this.colsize.md = 24;\r\n break;\r\n case 2:\r\n this.colsize.xl = 12;\r\n this.colsize.lg = 12;\r\n this.colsize.md = 12;\r\n break;\r\n case 3:\r\n this.colsize.xl = 8;\r\n this.colsize.lg = 8;\r\n this.colsize.md = 8;\r\n break;\r\n case 4:\r\n this.colsize.xl = 6;\r\n this.colsize.lg = 6;\r\n this.colsize.md = 12;\r\n break;\r\n case 5:\r\n this.colsize.xl = 8;\r\n this.colsize.lg = 8;\r\n this.colsize.md = 12;\r\n break;\r\n default:\r\n this.colsize.xl = 4;\r\n this.colsize.lg = 8;\r\n this.colsize.md = 12;\r\n break;\r\n }\r\n if (this.cardLists.length == 4) {\r\n this.colsize.lg = 6;\r\n } else if (this.cardLists.length == 4) {\r\n this.colsize.lg = 8;\r\n }\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card_box_cir1 ::v-deep .iconfont {\r\n font-size: 26px;\r\n color: #fff;\r\n}\r\n.one {\r\n background: #e4ecff;\r\n}\r\n.two {\r\n background: #fff3e0;\r\n}\r\n.three {\r\n background: #eaf9e1;\r\n}\r\n.four {\r\n background: #ffeaf4;\r\n}\r\n.five {\r\n background: #f1e4ff;\r\n}\r\n.one1 {\r\n background: #4d7cfe;\r\n}\r\n.two1 {\r\n background: #ffab2b;\r\n}\r\n.three1 {\r\n background: #6dd230;\r\n}\r\n.four1 {\r\n background: #ff85c0;\r\n}\r\n.five1 {\r\n background: #b37feb;\r\n}\r\n.card_box {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n /*justify-content: center*/\r\n\r\n box-sizing: border-box;\r\n border-radius: 4px;\r\n .card_box_cir {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n margin-right: 20px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n .card_box_cir1 {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n }\r\n .card_box_txt {\r\n .sp1 {\r\n display: block;\r\n color: #252631;\r\n font-size: 24px;\r\n }\r\n .sp2 {\r\n display: block;\r\n color: #98a9bc;\r\n font-size: 12px;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
