{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\views\\profile\\components\\UserCard.vue?vue&type=style&index=0&id=218e8838&lang=scss&scoped=true&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\profile\\components\\UserCard.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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5ib3gtY2VudGVyIHsKICBtYXJnaW46IDAgYXV0bzsKICBkaXNwbGF5OiB0YWJsZTsKfQoKLnRleHQtbXV0ZWQgewogIGNvbG9yOiAjNzc3Owp9CgoudXNlci1wcm9maWxlIHsKICAudXNlci1uYW1lIHsKICAgIGZvbnQtd2VpZ2h0OiBib2xkOwogIH0KCiAgLmJveC1jZW50ZXIgewogICAgcGFkZGluZy10b3A6IDEwcHg7CiAgfQoKICAudXNlci1yb2xlIHsKICAgIHBhZGRpbmctdG9wOiAxMHB4OwogICAgZm9udC13ZWlnaHQ6IDQwMDsKICAgIGZvbnQtc2l6ZTogMTRweDsKICB9CgogIC5ib3gtc29jaWFsIHsKICAgIHBhZGRpbmctdG9wOiAzMHB4OwoKICAgIC5lbC10YWJsZSB7CiAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjZGZlNmVjOwogICAgfQogIH0KCiAgLnVzZXItZm9sbG93IHsKICAgIHBhZGRpbmctdG9wOiAyMHB4OwogIH0KfQoKLnVzZXItYmlvIHsKICBtYXJnaW4tdG9wOiAyMHB4OwogIGNvbG9yOiAjNjA2MjY2OwoKICBzcGFuIHsKICAgIHBhZGRpbmctbGVmdDogNHB4OwogIH0KCiAgLnVzZXItYmlvLXNlY3Rpb24gewogICAgZm9udC1zaXplOiAxNHB4OwogICAgcGFkZGluZzogMTVweCAwOwoKICAgIC51c2VyLWJpby1zZWN0aW9uLWhlYWRlciB7CiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZGZlNmVjOwogICAgICBwYWRkaW5nLWJvdHRvbTogMTBweDsKICAgICAgbWFyZ2luLWJvdHRvbTogMTBweDsKICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgICB9CiAgfQp9Cg=="},{"version":3,"sources":["UserCard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"UserCard.vue","sourceRoot":"src/views/profile/components","sourcesContent":["<template>\n <el-card style=\"margin-bottom:20px;\">\n <div slot=\"header\" class=\"clearfix\">\n <span>About me</span>\n </div>\n\n <div class=\"user-profile\">\n <div class=\"box-center\">\n <pan-thumb :image=\"user.avatar\" :height=\"'100px'\" :width=\"'100px'\" :hoverable=\"false\">\n <div>Hello</div>\n {{ user.role }}\n </pan-thumb>\n </div>\n <div class=\"box-center\">\n <div class=\"user-name text-center\">{{ user.name }}</div>\n <div class=\"user-role text-center text-muted\">{{ user.role | uppercaseFirst }}</div>\n </div>\n </div>\n\n <div class=\"user-bio\">\n <div class=\"user-education user-bio-section\">\n <div class=\"user-bio-section-header\"><svg-icon icon-class=\"education\" /><span>Education</span></div>\n <div class=\"user-bio-section-body\">\n <div class=\"text-muted\">\n JS in Computer Science from the University of Technology\n </div>\n </div>\n </div>\n\n <div class=\"user-skills user-bio-section\">\n <div class=\"user-bio-section-header\"><svg-icon icon-class=\"skill\" /><span>Skills</span></div>\n <div class=\"user-bio-section-body\">\n <div 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 </div>\n </div>\n </el-card>\n</template>\n\n<script>\nimport PanThumb from '@/components/PanThumb'\n\nexport default {\n components: { PanThumb },\n props: {\n user: {\n type: Object,\n default: () => {\n return {\n name: '',\n email: '',\n avatar: '',\n role: ''\n }\n }\n }\n }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.box-center {\n margin: 0 auto;\n display: table;\n}\n\n.text-muted {\n color: #777;\n}\n\n.user-profile {\n .user-name {\n font-weight: bold;\n }\n\n .box-center {\n padding-top: 10px;\n }\n\n .user-role {\n padding-top: 10px;\n font-weight: 400;\n font-size: 14px;\n }\n\n .box-social {\n padding-top: 30px;\n\n .el-table {\n border-top: 1px solid #dfe6ec;\n }\n }\n\n .user-follow {\n padding-top: 20px;\n }\n}\n\n.user-bio {\n margin-top: 20px;\n color: #606266;\n\n span {\n padding-left: 4px;\n }\n\n .user-bio-section {\n font-size: 14px;\n padding: 15px 0;\n\n .user-bio-section-header {\n border-bottom: 1px solid #dfe6ec;\n padding-bottom: 10px;\n margin-bottom: 10px;\n font-weight: bold;\n }\n }\n}\n</style>\n"]}]}
|
