liuhuajie/lowcode-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:调整组件布局

Browse Source
This commit is contained in:
lhj
2024-09-26 00:57:45 +08:00
parent 7902b17303
commit a132abf963
1 changed files with 24 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/MainView.vue
View File

@ -4,21 +4,22 @@
<a-layout style="height: 400px;"> <a-layout style="height: 400px;">
<a-layout-header>Header</a-layout-header> <a-layout-header>Header</a-layout-header>
<a-layout> <a-layout>
<a-layout-sider style="background-color: aliceblue;">Sider</a-layout-sider> <a-layout-sider style="background-color: aliceblue;width: fit-content;">
<a-layout-content>
<div style="display: flex;flex-direction: row;">
<div ref="el2" <div ref="el2" style="display: flex;flex-direction: column;height: 500px;width: 100%;">
style="margin: 5%;display: flex;flex-direction: column;overflow-x:scroll;height: 350px;width: 300px;">
<div v-for="item in componentsList" :key="item.id" <div v-for="item in componentsList" :key="item.id"
style="height: 30px;width: 300px;border: 1px solid red;"> style="height: 30px;width: 250px;border: 1px solid red;">
{{ item.name }}:{{ item.id }} {{ item.name }}:{{ item.id }}
</div> </div>
</div> </div>
</a-layout-sider>
<a-layout-content>
<div style="margin-left: 64px;">
<div style="display: flex;flex-direction: row;width: 100%;">
<div class="flex justify-between"> <div class="flex justify-between">
<NestedFunction v-model="list" class="w-full"></NestedFunction> <NestedFunction v-model="list"></NestedFunction>
{{ list }} {{ list }}
</div> </div>
@ -32,9 +33,9 @@
</DynamicComponent> </DynamicComponent>
</div> </div>
<div> <div>
</div> </div>
</div>
</a-layout-content> </a-layout-content>
</a-layout> </a-layout>
<a-layout-footer>Footer</a-layout-footer> <a-layout-footer>Footer</a-layout-footer>