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 }) => ({

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"

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;