From 7f2ceac113ec69655827b4ad25e708b077f3b6ea Mon Sep 17 00:00:00 2001
From: jiannibang <271381693@qq.com>
Date: Tue, 7 Jan 2025 10:29:42 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E5=A4=8D=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0=E8=BF=87=E9=95=BF=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/helpers/data-helper.js |  8 ++++++--
 src/pages/Index/Index.js      |  4 +---
 src/pages/Index/Index.scss    | 12 +++++++++---
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/js/helpers/data-helper.js b/src/js/helpers/data-helper.js
index 1bfad32..28dfd78 100644
--- a/src/js/helpers/data-helper.js
+++ b/src/js/helpers/data-helper.js
@@ -117,8 +117,12 @@ const getMallInfo = async (code) => {
       }
     })(),
   ]);
-  mall.name = projectName;
-  document.title = projectName;
+  mall.name = projectName
+    .replace("导视", "")
+    .replace("信发", "")
+    .replace("项目", "")
+    .replace("/", "");
+  document.title = mall.name;
   mall.city = cityName;
   const mapData = JSON.parse(mapDataJSON)[0];
   mall.floors = buildingList[0].floorList.map(({ floor, floorOrder }) => ({
diff --git a/src/pages/Index/Index.js b/src/pages/Index/Index.js
index c6c2322..41579f3 100644
--- a/src/pages/Index/Index.js
+++ b/src/pages/Index/Index.js
@@ -458,9 +458,7 @@ const Index = () => {
               <>
                 <div className="top-left">
                   <img alt="图左" src={pos} className="left"></img>
-                  <span style={{ color: "#7A7E8D" }}>{mall && mall.city}</span>
-                  <div className="border"></div>
-                  <span>{mall && mall.name}</span>
+                  <div className="project-name">{mall && mall.name}</div>
                 </div>
                 <div
                   className="top-right"
diff --git a/src/pages/Index/Index.scss b/src/pages/Index/Index.scss
index 18f6dc3..a25ae10 100644
--- a/src/pages/Index/Index.scss
+++ b/src/pages/Index/Index.scss
@@ -301,25 +301,31 @@ body {
     }
     .top-left {
       position: absolute;
+      display: inline-flex;
       top: 8px;
       left: 14px;
-      display: inline-flex;
       border-radius: 20px;
       background: #fff;
       font-weight: 500;
       font-size: 14px;
-      line-height: 20px;
+      line-height: 32px;
       color: #323337;
       height: 32px;
       padding: 0 12px 0 8px;
       z-index: 1;
+      max-width: calc(100vw - 14px - 168px - 14px - 14px);
       align-items: center;
-      align-content: center;
+
       img.left {
         width: 16px;
         height: 16px;
         margin-right: 8px;
       }
+      .project-name {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
       .border {
         width: 1px;
         height: 10px;
-- 
2.30.2