From 60998393c67e973d79910ac08c28356306cfd6eb Mon Sep 17 00:00:00 2001
From: zhouxinyu1029 <1029967313@qq.com>
Date: Tue, 20 Jan 2026 10:55:38 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=99=E5=AD=97=E6=AE=B5=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=A0=A1=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ycnc/components/brand.vue | 68 +++++++++++++++++------------
 1 file changed, 39 insertions(+), 29 deletions(-)

diff --git a/src/pages/ycnc/components/brand.vue b/src/pages/ycnc/components/brand.vue
index 8650f3b..6b90f58 100644
--- a/src/pages/ycnc/components/brand.vue
+++ b/src/pages/ycnc/components/brand.vue
@@ -1,42 +1,52 @@
 <template>
-  <scroll-view scroll-y class="pro-container box-border" :style="{backgroundImage: 'url('+config[brandName]?.src+')',height:`${config[brandName].height}rpx`}">
+  <scroll-view
+    scroll-y
+    class="pro-container box-border"
+    :style="{
+      backgroundImage: 'url(' + config[brandName]?.src + ')',
+      height: `${config[brandName]?.height}rpx`,
+    }"
+  >
     <view class="pro-wrapper flex flex-wrap">
-      <view v-for="(item,index) in products" :key="index" class="product-container">
-        <ProductItem :detail="item" :index="index"/>
+      <view
+        v-for="(item, index) in products"
+        :key="index"
+        class="product-container"
+      >
+        <ProductItem :detail="item" :index="index" />
       </view>
     </view>
   </scroll-view>
 </template>
 
 <script setup>
-  import ProductItem from './product-item'
-  import config from '../config'
-  const props = defineProps({
-    products:{
-      type:Array,
-      required: true,
-      default:() => ([])
-    },
-    brandName:{
-      type:String,
-      required:true,
-      default:''
-    }
-  })
-  
+import ProductItem from "./product-item";
+import config from "../config";
+const props = defineProps({
+  products: {
+    type: Array,
+    required: true,
+    default: () => [],
+  },
+  brandName: {
+    type: String,
+    required: true,
+    default: "",
+  },
+});
 </script>
 
 <style lang="scss" scoped>
-.pro-container{
-  width:780rpx;
+.pro-container {
+  width: 780rpx;
   padding: 136rpx 60rpx 72rpx;
   // margin-bottom: -24rpx;
   background-repeat: no-repeat;
   background-size: contain;
   overflow-y: auto;
 }
-.pro-wrapper{
-  .product-container{
+.pro-wrapper {
+  .product-container {
     width: calc((100% - 40rpx) / 3);
     margin-right: 20rpx;
     margin-bottom: 20rpx;
@@ -45,15 +55,15 @@
   //   margin-right:0 !important;
   // }
   view:nth-child(3n) {
-    margin-right:0 !important;
+    margin-right: 0 !important;
   }
   // view:nth-child(3n+1):nth-last-child(-n+3) > .pro-item-wrapper,
-	// view:nth-child(3n+1):nth-last-child(-n+3)~view > .pro-item-wrapper{
+  // view:nth-child(3n+1):nth-last-child(-n+3)~view > .pro-item-wrapper{
   //   margin-bottom: 0 !important;
-	// }
-  view:nth-child(3n+1):nth-last-child(-n+3),
-	view:nth-child(3n+1):nth-last-child(-n+3)~view{
+  // }
+  view:nth-child(3n + 1):nth-last-child(-n + 3),
+  view:nth-child(3n + 1):nth-last-child(-n + 3) ~ view {
     margin-bottom: 0 !important;
-	}
+  }
 }
-</style>
\ No newline at end of file
+</style>