{"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=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\dashboard\\admin\\components\\BoxCard.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7IG1hcEdldHRlcnMgfSBmcm9tICd2dWV4JwppbXBvcnQgUGFuVGh1bWIgZnJvbSAnQC9jb21wb25lbnRzL1BhblRodW1iJwppbXBvcnQgTWFsbGtpIGZyb20gJ0AvY29tcG9uZW50cy9UZXh0SG92ZXJFZmZlY3QvTWFsbGtpJwoKZXhwb3J0IGRlZmF1bHQgewogIGNvbXBvbmVudHM6IHsgUGFuVGh1bWIsIE1hbGxraSB9LAoKICBmaWx0ZXJzOiB7CiAgICBzdGF0dXNGaWx0ZXIoc3RhdHVzKSB7CiAgICAgIGNvbnN0IHN0YXR1c01hcCA9IHsKICAgICAgICBzdWNjZXNzOiAnc3VjY2VzcycsCiAgICAgICAgcGVuZGluZzogJ2RhbmdlcicKICAgICAgfQogICAgICByZXR1cm4gc3RhdHVzTWFwW3N0YXR1c10KICAgIH0KICB9LAogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBzdGF0aXN0aWNzRGF0YTogewogICAgICAgIGFydGljbGVfY291bnQ6IDEwMjQsCiAgICAgICAgcGFnZXZpZXdzX2NvdW50OiAxMDI0CiAgICAgIH0KICAgIH0KICB9LAogIGNvbXB1dGVkOiB7CiAgICAuLi5tYXBHZXR0ZXJzKFsKICAgICAgJ25hbWUnLAogICAgICAnYXZhdGFyJywKICAgICAgJ3JvbGVzJwogICAgXSkKICB9Cn0K"},{"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>\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"]}]}
|
