no message

Former-commit-id: 4ff959864c27386d2341886771f701e63c0672f8
Former-commit-id: 38cb84d340e9e94f14d535de64f98f237d85ecc9
Former-commit-id: 8083bbb37a37f8e281ab331c87cf40d0837b9a0d

src/pages/demo/components/layout/splitpane.vue

@@ -0,0 +1,39 @@
+<template>
+  <Container>
+    <PageHeader
+      slot="header"
+      title="基本示例"
+      url="https://github.com/PanJiaChen/vue-split-pane">
+    </PageHeader>
+    <div style="height: 400px; margin: -16px;">
+      <SplitPane :min-percent='20' :default-percent='30' split="vertical">
+        <template slot="paneL"><div style="margin: 10px;">左</div></template>
+        <template slot="paneR">
+          <SplitPane split="horizontal">
+            <template slot="paneL"><div style="margin: 10px;">右上</div></template>
+            <template slot="paneR"><div style="margin: 10px;">右下</div></template>
+          </SplitPane>
+        </template>
+      </SplitPane>
+    </div>
+  </Container>
+</template>
+
+<script>
+export default {
+  mounted () {
+    // 加载完成后显示提示
+    this.showInfo()
+  },
+  methods: {
+    // 显示提示
+    showInfo () {
+      this.$notify({
+        title: '提示',
+        message: '在横向或者纵向的分割线上拖拽调整分区大小'
+      })
+    }
+  }
+}
+</script>
+