|
@@ -17,7 +17,8 @@
|
|
|
<!-- :loading="loading" -->
|
|
<!-- :loading="loading" -->
|
|
|
</el-header>
|
|
</el-header>
|
|
|
<div class="full-container flex flex-row flex-1 bg-page">
|
|
<div class="full-container flex flex-row flex-1 bg-page">
|
|
|
- <div class="component-list w-[192px]">
|
|
|
|
|
|
|
+ <!-- w-[192px] -->
|
|
|
|
|
+ <div class="component-list">
|
|
|
<!-- 组件列表区域 -->
|
|
<!-- 组件列表区域 -->
|
|
|
<el-collapse v-model="activeNames" @change="handleChange">
|
|
<el-collapse v-model="activeNames" @change="handleChange">
|
|
|
<el-collapse-item v-for="(item, key) in collapse" :key="key" :title="item.name" :name="key">
|
|
<el-collapse-item v-for="(item, key) in collapse" :key="key" :title="item.name" :name="key">
|
|
@@ -71,7 +72,8 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 编辑组件属性区域 -->
|
|
<!-- 编辑组件属性区域 -->
|
|
|
- <div class="edit-attribute-wrap w-[400px]">
|
|
|
|
|
|
|
+ <!-- w-[400px] -->
|
|
|
|
|
+ <div class="edit-attribute-wrap">
|
|
|
<!-- 编辑组件属性区域 -->
|
|
<!-- 编辑组件属性区域 -->
|
|
|
<el-scrollbar>
|
|
<el-scrollbar>
|
|
|
<el-card class="box-card" shadow="never">
|
|
<el-card class="box-card" shadow="never">
|
|
@@ -339,7 +341,7 @@ const save = (type?: number) => {
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
.pcEdit-pages {
|
|
.pcEdit-pages {
|
|
|
// min-height: calc(100vh - 84px);
|
|
// min-height: calc(100vh - 84px);
|
|
|
- // min-width: 1900px;
|
|
|
|
|
|
|
+ min-width: 2000px;
|
|
|
height: calc(100vh);
|
|
height: calc(100vh);
|
|
|
|
|
|
|
|
.full-container {
|
|
.full-container {
|
|
@@ -350,6 +352,8 @@ const save = (type?: number) => {
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
background-color: #ffffff;
|
|
background-color: #ffffff;
|
|
|
padding: 0 10px;
|
|
padding: 0 10px;
|
|
|
|
|
+ min-width: 190px;
|
|
|
|
|
+ width: 190px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.component-list ul li {
|
|
.component-list ul li {
|
|
@@ -378,6 +382,7 @@ const save = (type?: number) => {
|
|
|
// zoom: 0.7;
|
|
// zoom: 0.7;
|
|
|
// height: calc(100vh - 194px);
|
|
// height: calc(100vh - 194px);
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
|
|
+ padding-top: 15px;
|
|
|
|
|
|
|
|
/* 为了兼容某些情况,可能还需要配合 display */
|
|
/* 为了兼容某些情况,可能还需要配合 display */
|
|
|
display: inline-block;
|
|
display: inline-block;
|
|
@@ -409,6 +414,8 @@ const save = (type?: number) => {
|
|
|
|
|
|
|
|
//编辑组件属性区域
|
|
//编辑组件属性区域
|
|
|
.edit-attribute-wrap {
|
|
.edit-attribute-wrap {
|
|
|
|
|
+ width: 400px;
|
|
|
|
|
+ min-width: 400px;
|
|
|
background: var(--el-bg-color);
|
|
background: var(--el-bg-color);
|
|
|
}
|
|
}
|
|
|
|
|
|