{"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"]}]}