|
|
@@ -1346,14 +1346,22 @@ export default {
|
|
|
}
|
|
|
|
|
|
.content-panel {
|
|
|
+ /* width:0 + min-width:0：避免花材列表把右侧栏撑宽，从而连带撑大轮播 */
|
|
|
flex: 1;
|
|
|
+ width: 0;
|
|
|
+ min-width: 0;
|
|
|
height: 100%;
|
|
|
background: #fff;
|
|
|
+ overflow: hidden;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.ad-section {
|
|
|
position: relative;
|
|
|
- margin: 16upx 16upx 0;
|
|
|
+ /* 右侧 24upx 与公告 notice-bar 对齐；宽度锁定在内容栏内 */
|
|
|
+ margin: 16upx 24upx 0 16upx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: auto;
|
|
|
border-radius: 16upx;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
@@ -1363,7 +1371,11 @@ export default {
|
|
|
}
|
|
|
|
|
|
.ad-swiper {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
height: 200upx;
|
|
|
+ border-radius: 16upx;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.ad-slide {
|
|
|
@@ -1491,10 +1503,27 @@ export default {
|
|
|
|
|
|
.item-product-list {
|
|
|
padding: 0 16upx;
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.item-product-row {
|
|
|
position: relative;
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+/* 花材组件标题在 item 页写死 380upx，窄栏下会撑破布局；此处改为随容器收缩 */
|
|
|
+.item-product-list ::v-deep .product-item {
|
|
|
+ max-width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.item-product-list ::v-deep .item-cmd_bx .cmd-info_bx .tit {
|
|
|
+ width: auto !important;
|
|
|
+ max-width: 100%;
|
|
|
}
|
|
|
|
|
|
/* 整页全宽 FooterCart：bottom 须高于 Tab 栏（115upx + 安全区），避免真机重叠 */
|
ouyang