mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-26 19:46:47 +08:00
45 lines
795 B
Markdown
45 lines
795 B
Markdown
---
|
|
layout: templateLayout
|
|
---
|
|
|
|
```vue
|
|
<template>
|
|
<split diretion="vertical">
|
|
<splitItem>
|
|
1
|
|
</splitItem>
|
|
<splitItem>
|
|
2
|
|
</splitItem>
|
|
<splitItem>
|
|
3
|
|
</splitItem>
|
|
</split>
|
|
|
|
<split>
|
|
<splitItem>
|
|
1
|
|
</splitItem>
|
|
<splitItem>
|
|
2
|
|
</splitItem>
|
|
<splitItem>
|
|
3
|
|
</splitItem>
|
|
</split>
|
|
</template>
|
|
<style>
|
|
.ui-split {
|
|
height: 300px;
|
|
border: 1px solid #d7d7d7;
|
|
margin: 20px 0;
|
|
}
|
|
.ui-split-vertical .ui-split-item:not(:first-child){
|
|
border-top: 1px solid #d7d7d7;
|
|
}
|
|
.ui-split-horizontal .ui-split-item:not(:first-child){
|
|
border-left: 1px solid #d7d7d7;
|
|
}
|
|
</style>
|
|
```
|