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