no message
Former-commit-id: 4d826fb809eba0f7fad6c24f4fe7eecbf91d99c8 Former-commit-id: 6f8362c41e86549fb2e494b3d00d9a32be9b48ff Former-commit-id: fcfd2d9ed3ddb5a0197cba80864cfe52a6679635
This commit is contained in:
20
src/pages/demo/plugins/layout/splitpane.vue
Normal file
20
src/pages/demo/plugins/layout/splitpane.vue
Normal file
@@ -0,0 +1,20 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user