31 lines
649 B
Vue
31 lines
649 B
Vue
<template>
|
|
<div class="demo-split">
|
|
<Split v-model="split1" v-bind:min="min1">
|
|
<div slot="left" class="demo-split-pane">
|
|
Left Pane
|
|
</div>
|
|
<div slot="right" class="demo-split-pane">
|
|
Right Pane
|
|
</div>
|
|
</Split>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
split1: 0.6,
|
|
min1: '400px'
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
<style>
|
|
.demo-split{
|
|
height: 200px;
|
|
border: 1px solid #dcdee2;
|
|
}
|
|
.demo-split-pane{
|
|
padding: 10px;
|
|
}
|
|
</style>
|