diff --git a/seller/src/views/shop/wap/config-panel/PanelAdCube.vue b/seller/src/views/shop/wap/config-panel/PanelAdCube.vue
index 5b62babb7..76990d028 100644
--- a/seller/src/views/shop/wap/config-panel/PanelAdCube.vue
+++ b/seller/src/views/shop/wap/config-panel/PanelAdCube.vue
@@ -33,8 +33,8 @@
已选链接:{{ linkText(item.url) }}
@@ -312,7 +312,13 @@ export default {
}
.btn-row {
display: flex;
- gap: 10px;
+ gap: 8px;
+ :deep(.el-button),
+ .el-button {
+ flex: 1;
+ min-width: 0;
+ margin: 0 !important;
+ }
}
.link-view {
margin-top: 8px;
diff --git a/seller/src/views/shop/wap/config-panel/PanelCarousel.vue b/seller/src/views/shop/wap/config-panel/PanelCarousel.vue
index 06d5d6aa2..da57faf3f 100644
--- a/seller/src/views/shop/wap/config-panel/PanelCarousel.vue
+++ b/seller/src/views/shop/wap/config-panel/PanelCarousel.vue
@@ -42,8 +42,8 @@
750*350
- 选择照片
- 选择链接
+ 选择照片
+ 选择链接
已选链接:{{ linkText(item.url) }}
@@ -410,8 +410,8 @@ export default {
gap: 10px;
}
.img-thumb {
- width: 132px;
- height: 62px;
+ width: 120px;
+ height: 60px;
border: 1px dashed #dcdfe6;
border-radius: 6px;
padding: 3px;
@@ -445,7 +445,14 @@ export default {
}
.btn-row {
display: flex;
- gap: 10px;
+ gap: 8px;
+ :deep(.el-button),
+ .el-button {
+ flex: 1;
+ min-width: 0;
+ padding: 0 4px;
+ margin: 0 !important;
+ }
}
.link-view {
margin-top: 8px;
diff --git a/seller/src/views/shop/wap/config-panel/PanelFlexOne.vue b/seller/src/views/shop/wap/config-panel/PanelFlexOne.vue
index a2e752a17..13607ea59 100644
--- a/seller/src/views/shop/wap/config-panel/PanelFlexOne.vue
+++ b/seller/src/views/shop/wap/config-panel/PanelFlexOne.vue
@@ -23,8 +23,8 @@
尺寸不限
- 选择照片
- 绘制热区
+ 选择照片
+ 绘制热区
@@ -263,6 +263,12 @@ export default {
}
.btn-row {
display: flex;
- gap: 10px;
+ gap: 8px;
+ :deep(.el-button),
+ .el-button {
+ flex: 1;
+ min-width: 0;
+ margin: 0 !important;
+ }
}
diff --git a/seller/src/views/shop/wap/controls/panel-common.scss b/seller/src/views/shop/wap/controls/panel-common.scss
index fff458153..b5ce4ec6a 100644
--- a/seller/src/views/shop/wap/controls/panel-common.scss
+++ b/seller/src/views/shop/wap/controls/panel-common.scss
@@ -177,3 +177,14 @@
box-sizing: border-box;
}
}
+
+.btn-row {
+ display: flex;
+ gap: 8px;
+ :deep(.el-button),
+ .el-button {
+ flex: 1;
+ min-width: 0;
+ margin: 0 !important;
+ }
+}
diff --git a/seller/src/views/shop/wap/decorate.scss b/seller/src/views/shop/wap/decorate.scss
index bc7389a04..3afaa9308 100644
--- a/seller/src/views/shop/wap/decorate.scss
+++ b/seller/src/views/shop/wap/decorate.scss
@@ -73,8 +73,8 @@
.decorate {
padding: 0 20px;
- height: calc(100vh - 96px);
- overflow-y: auto;
+ min-height: 100%;
+ box-sizing: border-box;
background: #f5f7fa;
}
diff --git a/seller/src/views/shop/wap/style.scss b/seller/src/views/shop/wap/style.scss
index 980094b1b..ae72339fa 100644
--- a/seller/src/views/shop/wap/style.scss
+++ b/seller/src/views/shop/wap/style.scss
@@ -5,8 +5,8 @@
min-width: 0;
overflow-x: auto;
.model-view-menu {
- flex: 1.5;
- min-width: 250px;
+ flex: 0 0 250px;
+ width: 250px;
overflow-y: auto;
background: #ffffff;
border-radius: 8px;
@@ -41,13 +41,16 @@
}
}
}
- .model-config {
- flex: 2.5;
- min-width: 380px;
- }
.model-view-content {
- flex: 6;
- min-width: 400px;
+ flex: 1;
+ min-width: 520px;
+ }
+ .model-config {
+ flex: 0 0 420px;
+ width: 420px;
+ min-width: 420px;
+ overflow-y: auto;
+ box-sizing: border-box;
}
.model-item {
line-height: 1.4;