修改样式

2025-06-18 17:22:43 +08:00
parent 5f01c65e9f
commit 12c9f98274
4 changed files with 93 additions and 39 deletions
@@ -160,12 +160,18 @@
 						<div class="col-lg-1 col-sm-2">
 						</div>
 						<div class="col-lg-11 col-sm-10 brand">
-							<div v-for="brand in brandListAll" 
-								:key="brand.id"
-								class="brand-item brand_brands"
-								:class="{brandactive: selectedBrand === brand.id}"
-								@click="selectBrand(brand.id)"
-							><img :src="brand.logo_full" alt="" />{{brand.name}}</div>
+							<div class="brand-container">
+								<div v-for="brand in brandListAll" 
+									:key="brand.id"
+									class="brand-item brand_brands"
+									:class="{brandactive: selectedBrand === brand.id}"
+									@click="selectBrand(brand.id)"
+								><img :src="brand.logo_full" alt="" />{{brand.name}}</div>
+							</div>
+							<div class="brand-toggle" v-if="brandListAll.length > 12">
+								<span class="toggle-text" @click="toggleBrands">{{ isBrandsExpanded ? 'Collapse' : 'Expand' }} <i class="fa" :class="isBrandsExpanded ? 'fa-angle-up' : 'fa-angle-down'"></i></span>
+								
+							</div>
 						</div>
 						
 					</div>