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

主页样式修改

Browse Source
This commit is contained in:
lhj
2024-09-27 00:42:23 +08:00
parent 5646e2d4ef
commit bd2789a8d7
2 changed files with 30 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/MainView.vue
View File

@ -1,24 +1,21 @@
<template> <template>
<div style="display: flex;">
<div> <div>
<div> compoent
<a-layout style="height: 400px;"> </div>
<a-layout-header>Header</a-layout-header> <div style="overflow-y: auto;overflow-x: none;">
<a-layout>
<a-layout-sider style="background-color: aliceblue;width: fit-content;">
<div ref="el2" style="display: flex;flex-direction: column;height: 500px;width: 100%;"> <div ref="el2" style="display: flex;flex-direction: column;height: 500px;width: 100%;">
<div v-for="item in componentsList" :key="item.id" <div v-for="item in componentsList" :key="item.id" style="height: 30px;width: 250px;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> </div>
<a-layout-content> <div>
<div style="margin-left: 64px;"> <div>
<div style="display: flex;flex-direction: row;width: 100%;"> <div style="display: flex;flex-direction: row;width: 100%;">
<div class="flex justify-between"> <div v-if="list.length>0" class="flex justify-between">
<NestedFunction v-model="list"></NestedFunction> <NestedFunction v-model="list"></NestedFunction>
{{ list }} {{ list }}
</div> </div>
@ -35,15 +32,7 @@
<div> <div>
</div> </div>
</div> </div>
</a-layout-content>
</a-layout>
<a-layout-footer>Footer</a-layout-footer>
</a-layout>
</div> </div>
</div> </div>

2
src/components/NestedFunction.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<ul class="drag-area" ref="el"> <ul class="drag-area" ref="el" style="margin: 0;">
<li v-for="el in modelValue" :key="el.name"> <li v-for="el in modelValue" :key="el.name">
<div style="width: 200px;border: 1px solid red;"> <div style="width: 200px;border: 1px solid red;">
<p>{{ el.name }}:{{ el.id }}</p> <p>{{ el.name }}:{{ el.id }}</p>