{"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"]}]}