smart-flow/yudao-ui-admin-vben
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat：【mall】diy editor 修复左侧、中间的宽度问题

Browse Source
This commit is contained in:
YunaiV
2025-10-28 07:24:28 +08:00
parent 715551d431
commit fd58c4c4e4
2 changed files with 12 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/web-ele/src/views/mall/promotion/components/diy-editor/components/component-library.vue
View File

@@ -129,6 +129,7 @@ const handleCloneComponent = (component: DiyComponent<any>) => {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
width: 261px;
} }
.component { .component {

26
apps/web-ele/src/views/mall/promotion/components/diy-editor/index.vue
View File

@@ -331,7 +331,7 @@ onMounted(() => {
<!-- 中心区域 --> <!-- 中心区域 -->
<ElContainer class="editor-container"> <ElContainer class="editor-container">
<!-- 左侧：组件库（ComponentLibrary） --> <!-- 左侧：组件库（ComponentLibrary） -->
<ElAside width="200px" class="editor-left"> <ElAside width="261px" class="editor-left">
<ComponentLibrary <ComponentLibrary
v-if="libs && libs.length > 0" v-if="libs && libs.length > 0"
ref="componentLibrary" ref="componentLibrary"
@@ -595,22 +595,18 @@ $phone-width: 375px;
} }
/* 手机页面编辑区域 */ /* 手机页面编辑区域 */
:deep(.editor-design-center) { .phone-container {
width: 100%; position: relative;
width: $phone-width;
height: 100%;
margin: 0 auto;
overflow-x: hidden;
background-repeat: no-repeat;
background-size: 100% 100%;
/* 主体内容 */ .drag-area {
.phone-container { width: 100%;
position: relative;
width: $phone-width;
height: 100%; height: 100%;
margin: 0 auto;
background-repeat: no-repeat;
background-size: 100% 100%;
.drag-area {
width: 100%;
height: 100%;
}
} }
} }