From 470baaeb726a1d2318ff39ac9cd6e2d594e95d97 Mon Sep 17 00:00:00 2001
From: jiannibang <271381693@qq.com>
Date: Mon, 11 Nov 2024 16:44:36 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=93=81=E7=89=8C=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E4=B8=9A=E6=80=81=E6=8C=87=E7=A4=BA=E5=99=A8=E5=AE=BD=E5=BA=A6?=
 =?UTF-8?q?=E8=87=AA=E9=80=82=E5=BA=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BrandScroll/BrandScroll.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/BrandScroll/BrandScroll.vue b/src/components/BrandScroll/BrandScroll.vue
index e3f0afd..36628a9 100644
--- a/src/components/BrandScroll/BrandScroll.vue
+++ b/src/components/BrandScroll/BrandScroll.vue
@@ -188,7 +188,8 @@ watch([scroll, () => props.shop], () => {
     pointer-events: none;
     .handle {
       position: absolute;
-      width: 77px;
+      right: 0;
+      min-width: 77px;
       height: 32px;
       background: center / cover no-repeat url(./handle.png);
       font-family: 'Montserrat';
@@ -198,10 +199,12 @@ watch([scroll, () => props.shop], () => {
       line-height: 32px;
       color: rgba(0, 0, 0, 0.8);
       text-align: center;
-      padding-right: 6px;
-      display: flex;
+      padding-right: 11px;
+      padding-left: 5px;
+      display: inline-flex;
       justify-content: center;
       align-items: center;
+      white-space: nowrap;
     }
   }
   &.guide {