零售端-商品分类样式bug处理

mallApp/src/pages/home/shop-category.vue

@@ -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 + 安全区），避免真机重叠 */