style: 超过 20 条无滑动条
parent
fff8e458d3
commit
f64b12a86a
|
@ -1,7 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="wrapper">
|
||||
<AmsPosition></AmsPosition>
|
||||
<div class="warpper">
|
||||
<split-pane class="split-pane" :min-percent="10" :default-percent="20" split="vertical">
|
||||
<template slot="paneL">
|
||||
<Tree ref="TreeRef" category="template" @handleNodeClick="handleNodeClick"></Tree>
|
||||
|
@ -13,7 +12,6 @@
|
|||
<AddData :addData="addData" v-if="visible" @goBack="goBack"></AddData>
|
||||
<Detail :detail="detail" v-if="detailVisible" @goBack="goBack"></Detail>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
|
@ -103,8 +101,13 @@ export default defineComponent({
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.warpper {
|
||||
height: calc(100vh);
|
||||
.wrapper {
|
||||
background-color: #fff;
|
||||
}
|
||||
::v-deep .vue-splitter-container {
|
||||
display: flex !important;
|
||||
.splitter-pane {
|
||||
position: relative !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -1,7 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="wrapper">
|
||||
<AmsPosition></AmsPosition>
|
||||
<div class="warpper">
|
||||
<split-pane class="split-pane" :min-percent="10" :default-percent="20" split="vertical">
|
||||
<template slot="paneL">
|
||||
<Tree ref="TreeRef" category="task" @handleNodeClick="handleNodeClick"></Tree>
|
||||
|
@ -11,7 +10,6 @@
|
|||
</template>
|
||||
</split-pane>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
|
@ -71,8 +69,13 @@ export default defineComponent({
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.warpper {
|
||||
height: calc(100vh);
|
||||
.wrapper {
|
||||
background-color: #fff;
|
||||
}
|
||||
::v-deep .vue-splitter-container {
|
||||
display: flex !important;
|
||||
.splitter-pane {
|
||||
position: relative !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -173,7 +173,16 @@ export default {
|
|||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
<style lang="scss" scoped>
|
||||
.wrapper {
|
||||
background-color: #fff;
|
||||
}
|
||||
::v-deep .vue-splitter-container {
|
||||
display: flex !important;
|
||||
.splitter-pane {
|
||||
position: relative !important;
|
||||
}
|
||||
}
|
||||
.field-item {
|
||||
margin-top: 10px;
|
||||
cursor: move;
|
||||
|
@ -276,25 +285,6 @@ span.title {
|
|||
background-color: #dff0d8;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
height: calc(100vh - 110px);
|
||||
.leftC {
|
||||
height: 100%;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.rightC {
|
||||
height: 100%;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.float-right {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.splitter-pane-resizer {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue