{"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\\split-pane.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\split-pane.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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHNwbGl0UGFuZSBmcm9tICd2dWUtc3BsaXRwYW5lJzsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdTcGxpdHBhbmVEZW1vJywKICBjb21wb25lbnRzOiB7CiAgICBzcGxpdFBhbmU6IHNwbGl0UGFuZQogIH0sCiAgbWV0aG9kczogewogICAgcmVzaXplOiBmdW5jdGlvbiByZXNpemUoKSB7CiAgICAgIGNvbnNvbGUubG9nKCdyZXNpemUnKTsKICAgIH0KICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BA;AAEA;EACAA,qBADA;EAEAC;IAAAC;EAAA,CAFA;EAGAC;IACAC,MADA,oBACA;MACAC;IACA;EAHA;AAHA","names":["name","components","splitPane","methods","resize","console"],"sourceRoot":"src/views/components-demo","sources":["split-pane.vue"],"sourcesContent":["<template>\n <div class=\"components-container\">\n <aside><strong>SplitPane</strong> If you've used\n <a href=\"https://codepen.io/\" target=\"_blank\"> codepen</a>,\n <a href=\"https://jsfiddle.net/\" target=\"_blank\"> jsfiddle </a>will not be unfamiliar.\n <a href=\"https://github.com/PanJiaChen/vue-split-pane\" target=\"_blank\"> Github repository</a>\n </aside>\n <split-pane split=\"vertical\" @resize=\"resize\">\n <template slot=\"paneL\">\n <div class=\"left-container\" />\n </template>\n <template slot=\"paneR\">\n <split-pane split=\"horizontal\">\n <template slot=\"paneL\">\n <div class=\"top-container\" />\n </template>\n <template slot=\"paneR\">\n <div class=\"bottom-container\" />\n </template>\n </split-pane>\n </template>\n </split-pane>\n </div>\n</template>\n\n<script>\nimport splitPane from 'vue-splitpane'\n\nexport default {\n name: 'SplitpaneDemo',\n components: { splitPane },\n methods: {\n resize() {\n console.log('resize')\n }\n }\n}\n</script>\n\n<style scoped>\n .components-container {\n position: relative;\n height: 100vh;\n }\n\n .left-container {\n background-color: #F38181;\n height: 100%;\n }\n\n .right-container {\n background-color: #FCE38A;\n height: 200px;\n }\n\n .top-container {\n background-color: #FCE38A;\n width: 100%;\n height: 100%;\n }\n\n .bottom-container {\n width: 100%;\n background-color: #95E1D3;\n height: 100%;\n }\n</style>\n"]}]}
|
