1 line
5.5 KiB
JSON
1 line
5.5 KiB
JSON
{"remainingRequest":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\babel-loader\\lib\\index.js!D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\views\\icons\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\views\\icons\\index.vue","mtime":1718070786054},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\babel.config.js","mtime":1718070785981},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1718764957200},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":1718764959024},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1718764957200},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1718764959862}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBjbGlwYm9hcmQgZnJvbSAnQC91dGlscy9jbGlwYm9hcmQnOwppbXBvcnQgc3ZnSWNvbnMgZnJvbSAnLi9zdmctaWNvbnMnOwppbXBvcnQgZWxlbWVudEljb25zIGZyb20gJy4vZWxlbWVudC1pY29ucyc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnSWNvbnMnLAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBzdmdJY29uczogc3ZnSWNvbnMsCiAgICAgIGVsZW1lbnRJY29uczogZWxlbWVudEljb25zCiAgICB9OwogIH0sCiAgbWV0aG9kczogewogICAgZ2VuZXJhdGVJY29uQ29kZTogZnVuY3Rpb24gZ2VuZXJhdGVJY29uQ29kZShzeW1ib2wpIHsKICAgICAgcmV0dXJuICI8c3ZnLWljb24gaWNvbi1jbGFzcz1cIiIuY29uY2F0KHN5bWJvbCwgIlwiIC8+Iik7CiAgICB9LAogICAgZ2VuZXJhdGVFbGVtZW50SWNvbkNvZGU6IGZ1bmN0aW9uIGdlbmVyYXRlRWxlbWVudEljb25Db2RlKHN5bWJvbCkgewogICAgICByZXR1cm4gIjxpIGNsYXNzPVwiZWwtaWNvbi0iLmNvbmNhdChzeW1ib2wsICJcIiAvPiIpOwogICAgfSwKICAgIGhhbmRsZUNsaXBib2FyZDogZnVuY3Rpb24gaGFuZGxlQ2xpcGJvYXJkKHRleHQsIGV2ZW50KSB7CiAgICAgIGNsaXBib2FyZCh0ZXh0LCBldmVudCk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["clipboard","svgIcons","elementIcons","name","data","methods","generateIconCode","symbol","concat","generateElementIconCode","handleClipboard","text","event"],"sources":["src/views/icons/index.vue"],"sourcesContent":["<template>\r\n <div class=\"icons-container\">\r\n <aside>\r\n <a href=\"https://panjiachen.github.io/vue-element-admin-site/guide/advanced/icon.html\" target=\"_blank\">Add and use\r\n </a>\r\n </aside>\r\n <el-tabs type=\"border-card\">\r\n <el-tab-pane label=\"Icons\">\r\n <div class=\"grid\">\r\n <div v-for=\"item of svgIcons\" :key=\"item\" @click=\"handleClipboard(generateIconCode(item),$event)\">\r\n <el-tooltip placement=\"top\">\r\n <div slot=\"content\">\r\n {{ generateIconCode(item) }}\r\n </div>\r\n <div class=\"icon-item\">\r\n <svg-icon :icon-class=\"item\" class-name=\"disabled\" />\r\n <span>{{ item }}</span>\r\n </div>\r\n </el-tooltip>\r\n </div>\r\n </div>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"Element-UI Icons\">\r\n <div class=\"grid\">\r\n <div v-for=\"item of elementIcons\" :key=\"item\" @click=\"handleClipboard(generateElementIconCode(item),$event)\">\r\n <el-tooltip placement=\"top\">\r\n <div slot=\"content\">\r\n {{ generateElementIconCode(item) }}\r\n </div>\r\n <div class=\"icon-item\">\r\n <i :class=\"'el-icon-' + item\" />\r\n <span>{{ item }}</span>\r\n </div>\r\n </el-tooltip>\r\n </div>\r\n </div>\r\n </el-tab-pane>\r\n </el-tabs>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport clipboard from '@/utils/clipboard'\r\nimport svgIcons from './svg-icons'\r\nimport elementIcons from './element-icons'\r\n\r\nexport default {\r\n name: 'Icons',\r\n data() {\r\n return {\r\n svgIcons,\r\n elementIcons\r\n }\r\n },\r\n methods: {\r\n generateIconCode(symbol) {\r\n return `<svg-icon icon-class=\"${symbol}\" />`\r\n },\r\n generateElementIconCode(symbol) {\r\n return `<i class=\"el-icon-${symbol}\" />`\r\n },\r\n handleClipboard(text, event) {\r\n clipboard(text, event)\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.icons-container {\r\n margin: 10px 20px 0;\r\n overflow: hidden;\r\n\r\n .grid {\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\r\n }\r\n\r\n .icon-item {\r\n margin: 20px;\r\n height: 85px;\r\n text-align: center;\r\n width: 100px;\r\n float: left;\r\n font-size: 30px;\r\n color: #24292e;\r\n cursor: pointer;\r\n }\r\n\r\n span {\r\n display: block;\r\n font-size: 16px;\r\n margin-top: 10px;\r\n }\r\n\r\n .disabled {\r\n pointer-events: none;\r\n }\r\n}\r\n</style>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,OAAAA,SAAA;AACA,OAAAC,QAAA;AACA,OAAAC,YAAA;AAEA;EACAC,IAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAH,QAAA,EAAAA,QAAA;MACAC,YAAA,EAAAA;IACA;EACA;EACAG,OAAA;IACAC,gBAAA,WAAAA,iBAAAC,MAAA;MACA,iCAAAC,MAAA,CAAAD,MAAA;IACA;IACAE,uBAAA,WAAAA,wBAAAF,MAAA;MACA,6BAAAC,MAAA,CAAAD,MAAA;IACA;IACAG,eAAA,WAAAA,gBAAAC,IAAA,EAAAC,KAAA;MACAZ,SAAA,CAAAW,IAAA,EAAAC,KAAA;IACA;EACA;AACA","ignoreList":[]}]} |