1 line
5.0 KiB
JSON
1 line
5.0 KiB
JSON
{"remainingRequest":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\views\\dashboard\\admin\\components\\BoxCard.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\views\\dashboard\\admin\\components\\BoxCard.vue","mtime":1718070786043},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1718764957200},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":1718764959024},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1718764957200},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1718764959862}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgeyBtYXBHZXR0ZXJzIH0gZnJvbSAndnVleCcNCmltcG9ydCBQYW5UaHVtYiBmcm9tICdAL2NvbXBvbmVudHMvUGFuVGh1bWInDQppbXBvcnQgTWFsbGtpIGZyb20gJ0AvY29tcG9uZW50cy9UZXh0SG92ZXJFZmZlY3QvTWFsbGtpJw0KDQpleHBvcnQgZGVmYXVsdCB7DQogIGNvbXBvbmVudHM6IHsgUGFuVGh1bWIsIE1hbGxraSB9LA0KDQogIGZpbHRlcnM6IHsNCiAgICBzdGF0dXNGaWx0ZXIoc3RhdHVzKSB7DQogICAgICBjb25zdCBzdGF0dXNNYXAgPSB7DQogICAgICAgIHN1Y2Nlc3M6ICdzdWNjZXNzJywNCiAgICAgICAgcGVuZGluZzogJ2RhbmdlcicNCiAgICAgIH0NCiAgICAgIHJldHVybiBzdGF0dXNNYXBbc3RhdHVzXQ0KICAgIH0NCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgc3RhdGlzdGljc0RhdGE6IHsNCiAgICAgICAgYXJ0aWNsZV9jb3VudDogMTAyNCwNCiAgICAgICAgcGFnZXZpZXdzX2NvdW50OiAxMDI0DQogICAgICB9DQogICAgfQ0KICB9LA0KICBjb21wdXRlZDogew0KICAgIC4uLm1hcEdldHRlcnMoWw0KICAgICAgJ25hbWUnLA0KICAgICAgJ2F2YXRhcicsDQogICAgICAncm9sZXMnDQogICAgXSkNCiAgfQ0KfQ0K"},{"version":3,"sources":["BoxCard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;AACA;AACA;;AAEA;AACA;;AAEA;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":"BoxCard.vue","sourceRoot":"src/views/dashboard/admin/components","sourcesContent":["<template>\r\n <el-card class=\"box-card-component\" style=\"margin-left:8px;\">\r\n <div slot=\"header\" class=\"box-card-header\">\r\n <img src=\"https://wpimg.wallstcn.com/e7d23d71-cf19-4b90-a1cc-f56af8c0903d.png\">\r\n </div>\r\n <div style=\"position:relative;\">\r\n <pan-thumb :image=\"avatar\" class=\"panThumb\" />\r\n <mallki class-name=\"mallki-text\" text=\"vue-element-admin\" />\r\n <div style=\"padding-top:35px;\" class=\"progress-item\">\r\n <span>Vue</span>\r\n <el-progress :percentage=\"70\" />\r\n </div>\r\n <div class=\"progress-item\">\r\n <span>JavaScript</span>\r\n <el-progress :percentage=\"18\" />\r\n </div>\r\n <div class=\"progress-item\">\r\n <span>CSS</span>\r\n <el-progress :percentage=\"12\" />\r\n </div>\r\n <div class=\"progress-item\">\r\n <span>ESLint</span>\r\n <el-progress :percentage=\"100\" status=\"success\" />\r\n </div>\r\n </div>\r\n </el-card>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport PanThumb from '@/components/PanThumb'\r\nimport Mallki from '@/components/TextHoverEffect/Mallki'\r\n\r\nexport default {\r\n components: { PanThumb, Mallki },\r\n\r\n filters: {\r\n statusFilter(status) {\r\n const statusMap = {\r\n success: 'success',\r\n pending: 'danger'\r\n }\r\n return statusMap[status]\r\n }\r\n },\r\n data() {\r\n return {\r\n statisticsData: {\r\n article_count: 1024,\r\n pageviews_count: 1024\r\n }\r\n }\r\n },\r\n computed: {\r\n ...mapGetters([\r\n 'name',\r\n 'avatar',\r\n 'roles'\r\n ])\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" >\r\n.box-card-component{\r\n .el-card__header {\r\n padding: 0px!important;\r\n }\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.box-card-component {\r\n .box-card-header {\r\n position: relative;\r\n height: 220px;\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n transition: all 0.2s linear;\r\n &:hover {\r\n transform: scale(1.1, 1.1);\r\n filter: contrast(130%);\r\n }\r\n }\r\n }\r\n .mallki-text {\r\n position: absolute;\r\n top: 0px;\r\n right: 0px;\r\n font-size: 20px;\r\n font-weight: bold;\r\n }\r\n .panThumb {\r\n z-index: 100;\r\n height: 70px!important;\r\n width: 70px!important;\r\n position: absolute!important;\r\n top: -45px;\r\n left: 0px;\r\n border: 5px solid #ffffff;\r\n background-color: #fff;\r\n margin: auto;\r\n box-shadow: none!important;\r\n ::v-deep .pan-info {\r\n box-shadow: none!important;\r\n }\r\n }\r\n .progress-item {\r\n margin-bottom: 10px;\r\n font-size: 14px;\r\n }\r\n @media only screen and (max-width: 1510px){\r\n .mallki-text{\r\n display: none;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]} |