{"remainingRequest":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin/src/views/dashboard/admin/components/BoxCard.vue?vue&type=style&index=0&id=7f414857&lang=scss","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin/src/views/dashboard/admin/components/BoxCard.vue","mtime":1754409279870},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/css-loader/dist/cjs.js","mtime":1754409278208},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1754409279720},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/postcss-loader/src/index.js","mtime":1754409279211},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/sass-loader/dist/cjs.js","mtime":1754409279493},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754409278035},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js","mtime":1754409279720}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5ib3gtY2FyZC1jb21wb25lbnR7CiAgLmVsLWNhcmRfX2hlYWRlciB7CiAgICBwYWRkaW5nOiAwcHghaW1wb3J0YW50OwogIH0KfQo="},{"version":3,"sources":["BoxCard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA;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"]}]}