{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js!D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\mixin.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\mixin.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\babel.config.js","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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IFBhblRodW1iIGZyb20gJ0AvY29tcG9uZW50cy9QYW5UaHVtYic7CmltcG9ydCBNZElucHV0IGZyb20gJ0AvY29tcG9uZW50cy9NRGlucHV0JzsKaW1wb3J0IE1hbGxraSBmcm9tICdAL2NvbXBvbmVudHMvVGV4dEhvdmVyRWZmZWN0L01hbGxraSc7CmltcG9ydCBEcm9wZG93bk1lbnUgZnJvbSAnQC9jb21wb25lbnRzL1NoYXJlL0Ryb3Bkb3duTWVudSc7CmltcG9ydCB3YXZlcyBmcm9tICdAL2RpcmVjdGl2ZS93YXZlcy9pbmRleC5qcyc7IC8vIOawtOazoue6ueaMh+S7pAoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdDb21wb25lbnRNaXhpbkRlbW8nLAogIGNvbXBvbmVudHM6IHsKICAgIFBhblRodW1iOiBQYW5UaHVtYiwKICAgIE1kSW5wdXQ6IE1kSW5wdXQsCiAgICBNYWxsa2k6IE1hbGxraSwKICAgIERyb3Bkb3duTWVudTogRHJvcGRvd25NZW51CiAgfSwKICBkaXJlY3RpdmVzOiB7CiAgICB3YXZlczogd2F2ZXMKICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICB2YXIgdmFsaWRhdGUgPSBmdW5jdGlvbiB2YWxpZGF0ZShydWxlLCB2YWx1ZSwgY2FsbGJhY2spIHsKICAgICAgaWYgKHZhbHVlLmxlbmd0aCAhPT0gNikgewogICAgICAgIGNhbGxiYWNrKG5ldyBFcnJvcign6K+36L6T5YWl5YWt5Liq5a2X56ymJykpOwogICAgICB9IGVsc2UgewogICAgICAgIGNhbGxiYWNrKCk7CiAgICAgIH0KICAgIH07CgogICAgcmV0dXJuIHsKICAgICAgZGVtbzogewogICAgICAgIHRpdGxlOiAnJwogICAgICB9LAogICAgICBkZW1vUnVsZXM6IHsKICAgICAgICB0aXRsZTogW3sKICAgICAgICAgIHJlcXVpcmVkOiB0cnVlLAogICAgICAgICAgdHJpZ2dlcjogJ2NoYW5nZScsCiAgICAgICAgICB2YWxpZGF0b3I6IHZhbGlkYXRlCiAgICAgICAgfV0KICAgICAgfSwKICAgICAgYXJ0aWNsZUxpc3Q6IFt7CiAgICAgICAgdGl0bGU6ICfln7rnoYDnr4cnLAogICAgICAgIGhyZWY6ICdodHRwczovL2p1ZWppbi5pbS9wb3N0LzU5MDk3Y2Q3YTIyYjlkMDA2NWZiNjFkMicKICAgICAgfSwgewogICAgICAgIHRpdGxlOiAn55m75b2V5p2D6ZmQ56+HJywKICAgICAgICBocmVmOiAnaHR0cHM6Ly9qdWVqaW4uaW0vcG9zdC81OTFhYTE0ZjU3MGMzNTAwNjk2MWFjYWMnCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ+WunuaImOevhycsCiAgICAgICAgaHJlZjogJ2h0dHBzOi8vanVlamluLmltL3Bvc3QvNTkzMTIxYWEwY2U0NjMwMDU3ZjcwZDM1JwogICAgICB9LCB7CiAgICAgICAgdGl0bGU6ICd2dWUtYWRtaW4tdGVtcGxhdGUg56+HJywKICAgICAgICBocmVmOiAnaHR0cHM6Ly9qdWVqaW4uaW0vcG9zdC81OTViNGQ3NzZmYjlhMDZiYmU3ZGJhNTYnCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ3Y0LjAg56+HJywKICAgICAgICBocmVmOiAnaHR0cHM6Ly9qdWVqaW4uaW0vcG9zdC81YzkyZmY5NGYyNjVkYTYxMjgyNzVhODUnCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ+S8mOmbheeahOS9v+eUqCBpY29uJywKICAgICAgICBocmVmOiAnaHR0cHM6Ly9qdWVqaW4uaW0vcG9zdC81OWJiODY0YjUxODgyNTdlN2E0MjdjMDknCiAgICAgIH1dCiAgICB9OwogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkHA;AACA;AACA;AACA;AACA,+C,CAAA;;AAEA;EACAA,0BADA;EAEAC;IACAC,kBADA;IAEAC,gBAFA;IAGAC,cAHA;IAIAC;EAJA,CAFA;EAQAC;IACAC;EADA,CARA;EAWAC,IAXA,kBAWA;IACA;MACA;QACAC;MACA,CAFA,MAEA;QACAA;MACA;IACA,CANA;;IAOA;MACAC;QACAC;MADA,CADA;MAIAC;QACAD;UAAAE;UAAAC;UAAAC;QAAA;MADA,CAJA;MAOAC,cACA;QAAAL;QAAAM;MAAA,CADA,EAEA;QAAAN;QAAAM;MAAA,CAFA,EAGA;QAAAN;QAAAM;MAAA,CAHA,EAIA;QAAAN;QAAAM;MAAA,CAJA,EAKA;QAAAN;QAAAM;MAAA,CALA,EAMA;QAAAN;QAAAM;MAAA,CANA;IAPA;EAgBA;AAnCA","names":["name","components","PanThumb","MdInput","Mallki","DropdownMenu","directives","waves","data","callback","demo","title","demoRules","required","trigger","validator","articleList","href"],"sourceRoot":"src/views/components-demo","sources":["mixin.vue"],"sourcesContent":["<template>\n <div class=\"mixin-components-container\">\n <el-row>\n <el-card class=\"box-card\">\n <div slot=\"header\" class=\"clearfix\">\n <span>Buttons</span>\n </div>\n <div style=\"margin-bottom:50px;\">\n <el-col :span=\"4\" class=\"text-center\">\n <router-link class=\"pan-btn blue-btn\" to=\"/documentation/index\">\n Documentation\n </router-link>\n </el-col>\n <el-col :span=\"4\" class=\"text-center\">\n <router-link class=\"pan-btn light-blue-btn\" to=\"/icon/index\">\n Icons\n </router-link>\n </el-col>\n <el-col :span=\"4\" class=\"text-center\">\n <router-link class=\"pan-btn pink-btn\" to=\"/excel/export-excel\">\n Excel\n </router-link>\n </el-col>\n <el-col :span=\"4\" class=\"text-center\">\n <router-link class=\"pan-btn green-btn\" to=\"/table/complex-table\">\n Table\n </router-link>\n </el-col>\n <el-col :span=\"4\" class=\"text-center\">\n <router-link class=\"pan-btn tiffany-btn\" to=\"/example/create\">\n Form\n </router-link>\n </el-col>\n <el-col :span=\"4\" class=\"text-center\">\n <router-link class=\"pan-btn yellow-btn\" to=\"/theme/index\">\n Theme\n </router-link>\n </el-col>\n </div>\n </el-card>\n </el-row>\n\n <el-row :gutter=\"20\" style=\"margin-top:50px;\">\n <el-col :span=\"6\">\n <el-card class=\"box-card\">\n <div slot=\"header\" class=\"clearfix\">\n <span>Material Design 的input</span>\n </div>\n <div style=\"height:100px;\">\n <el-form :model=\"demo\" :rules=\"demoRules\">\n <el-form-item prop=\"title\">\n <md-input v-model=\"demo.title\" icon=\"el-icon-search\" name=\"title\" placeholder=\"输入标题\">\n 标题\n </md-input>\n </el-form-item>\n </el-form>\n </div>\n </el-card>\n </el-col>\n\n <el-col :span=\"6\">\n <el-card class=\"box-card\">\n <div slot=\"header\" class=\"clearfix\">\n <span>图片hover效果</span>\n </div>\n <div class=\"component-item\">\n <pan-thumb width=\"100px\" height=\"100px\" image=\"https://wpimg.wallstcn.com/577965b9-bb9e-4e02-9f0c-095b41417191\">\n vue-element-admin\n </pan-thumb>\n </div>\n </el-card>\n </el-col>\n\n <el-col :span=\"6\">\n <el-card class=\"box-card\">\n <div slot=\"header\" class=\"clearfix\">\n <span>水波纹 waves v-directive</span>\n </div>\n <div class=\"component-item\">\n <el-button v-waves type=\"primary\">\n 水波纹效果\n </el-button>\n </div>\n </el-card>\n </el-col>\n\n <el-col :span=\"6\">\n <el-card class=\"box-card\">\n <div slot=\"header\" class=\"clearfix\">\n <span>hover text</span>\n </div>\n <div class=\"component-item\">\n <mallki class-name=\"mallki-text\" text=\"vue-element-admin\" />\n </div>\n </el-card>\n </el-col>\n </el-row>\n\n <el-row :gutter=\"20\" style=\"margin-top:50px;\">\n <el-col :span=\"8\">\n <el-card class=\"box-card\">\n <div slot=\"header\" class=\"clearfix\">\n <span>Share</span>\n </div>\n <div class=\"component-item\" style=\"height:420px;\">\n <dropdown-menu :items=\"articleList\" style=\"margin:0 auto;\" title=\"系列文章\" />\n </div>\n </el-card>\n </el-col>\n </el-row>\n </div>\n</template>\n\n<script>\nimport PanThumb from '@/components/PanThumb'\nimport MdInput from '@/components/MDinput'\nimport Mallki from '@/components/TextHoverEffect/Mallki'\nimport DropdownMenu from '@/components/Share/DropdownMenu'\nimport waves from '@/directive/waves/index.js' // 水波纹指令\n\nexport default {\n name: 'ComponentMixinDemo',\n components: {\n PanThumb,\n MdInput,\n Mallki,\n DropdownMenu\n },\n directives: {\n waves\n },\n data() {\n const validate = (rule, value, callback) => {\n if (value.length !== 6) {\n callback(new Error('请输入六个字符'))\n } else {\n callback()\n }\n }\n return {\n demo: {\n title: ''\n },\n demoRules: {\n title: [{ required: true, trigger: 'change', validator: validate }]\n },\n articleList: [\n { title: '基础篇', href: 'https://juejin.im/post/59097cd7a22b9d0065fb61d2' },\n { title: '登录权限篇', href: 'https://juejin.im/post/591aa14f570c35006961acac' },\n { title: '实战篇', href: 'https://juejin.im/post/593121aa0ce4630057f70d35' },\n { title: 'vue-admin-template 篇', href: 'https://juejin.im/post/595b4d776fb9a06bbe7dba56' },\n { title: 'v4.0 篇', href: 'https://juejin.im/post/5c92ff94f265da6128275a85' },\n { title: '优雅的使用 icon', href: 'https://juejin.im/post/59bb864b5188257e7a427c09' }\n ]\n }\n }\n}\n</script>\n\n<style scoped>\n.mixin-components-container {\n background-color: #f0f2f5;\n padding: 30px;\n min-height: calc(100vh - 84px);\n}\n.component-item{\n min-height: 100px;\n}\n</style>\n"]}]}
|
