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

69
src/components/MainView.vue
View File

@ -1,49 +1,38 @@
<template>
<div>
<div style="display: flex;">
<div>
<a-layout style="height: 400px;">
<a-layout-header>Header</a-layout-header>
<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 v-for="item in componentsList" :key="item.id"
style="height: 30px;width: 250px;border: 1px solid red;">
{{ item.name }}:{{ item.id }}
</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">
<NestedFunction v-model="list"></NestedFunction>
{{ list }}
</div>
</div>
<div style="width: 800px;height:500px">
动态渲染
<!-- <component :is="componentMapping['Rate']" v-bind="{}"/> -->
<DynamicComponent v-for="component in list" :key="component.id" :componentData="component">
{{ component.id }}
</DynamicComponent>
</div>
<div>
</div>
</div>
</a-layout-content>
</a-layout>
<a-layout-footer>Footer</a-layout-footer>
</a-layout>
compoent
</div>
<div style="overflow-y: auto;overflow-x: none;">
<div ref="el2" style="display: flex;flex-direction: column;height: 500px;width: 100%;">
<div v-for="item in componentsList" :key="item.id" style="height: 30px;width: 250px;border: 1px solid red;">
{{ item.name }}:{{ item.id }}
</div>
</div>
</div>
<div>
<div>
<div style="display: flex;flex-direction: row;width: 100%;">
<div v-if="list.length>0" class="flex justify-between">
<NestedFunction v-model="list"></NestedFunction>
{{ list }}
</div>
</div>
<div style="width: 800px;height:500px">
动态渲染
<!-- <component :is="componentMapping['Rate']" v-bind="{}"/> -->
<DynamicComponent v-for="component in list" :key="component.id" :componentData="component">
{{ component.id }}
</DynamicComponent>
</div>
<div>
</div>
</div>
</div>
</div>

2
src/components/NestedFunction.vue
View File

@ -1,5 +1,5 @@
<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">
<div style="width: 200px;border: 1px solid red;">
<p>{{ el.name }}:{{ el.id }}</p>