{"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=style&index=0&id=9f197a6c&scoped=true&lang=css&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\split-pane.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\\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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5jb21wb25lbnRzLWNvbnRhaW5lciB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGhlaWdodDogMTAwdmg7Cn0KCi5sZWZ0LWNvbnRhaW5lciB7CiAgYmFja2dyb3VuZC1jb2xvcjogI0YzODE4MTsKICBoZWlnaHQ6IDEwMCU7Cn0KCi5yaWdodC1jb250YWluZXIgewogIGJhY2tncm91bmQtY29sb3I6ICNGQ0UzOEE7CiAgaGVpZ2h0OiAyMDBweDsKfQoKLnRvcC1jb250YWluZXIgewogIGJhY2tncm91bmQtY29sb3I6ICNGQ0UzOEE7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiAxMDAlOwp9CgouYm90dG9tLWNvbnRhaW5lciB7CiAgd2lkdGg6IDEwMCU7CiAgYmFja2dyb3VuZC1jb2xvcjogIzk1RTFEMzsKICBoZWlnaHQ6IDEwMCU7Cn0K"},{"version":3,"sources":["split-pane.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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"]}]}
|
