{"remainingRequest":"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\\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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBzcGxpdFBhbmUgZnJvbSAndnVlLXNwbGl0cGFuZScKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnU3BsaXRwYW5lRGVtbycsCiAgY29tcG9uZW50czogeyBzcGxpdFBhbmUgfSwKICBtZXRob2RzOiB7CiAgICByZXNpemUoKSB7CiAgICAgIGNvbnNvbGUubG9nKCdyZXNpemUnKQogICAgfQogIH0KfQo="},{"version":3,"sources":["split-pane.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"split-pane.vue","sourceRoot":"src/views/components-demo","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"]}]}
|
