bug

src/saas/AppGridManagement/AppGridManagement.vue

@@ -4,7 +4,7 @@
     <div class="select-gird" v-if="component != 'Map' && isAdmin" flex>
       <AiPagePicker type="gird" class="fill" :selected="[params]" @select="handleSelectGird">
         <img src="./components/img/gird-icon.png" alt="" class="gird-icon">
-        <div v-text="params.girdName"/>
+        <div class="gird-name" v-text="params.girdName" />
         <u-icon name="arrow-down" color="#999" class="down-icon" size="20"/>
       </AiPagePicker>
       <span @click="linkTo('./SetGird')" v-if="checkType == 2">网格配置</span>
@@ -139,6 +139,15 @@ export default {
   border-radius: 16px;
   margin: 0 30px 32px;
   box-sizing: border-box;
+  .gird-name{
+    display: inline-block;
+    max-width: calc(100% - 108px);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    vertical-align: middle;
+    margin: 0 16px;
+  }
 
   img {
     width: 32px;
@@ -146,30 +155,6 @@ export default {
     vertical-align: middle;
   }
 
-  .gird-name-div {
-    display: inline-block;
-    padding: 0 20px;
-    box-sizing: border-box;
-    font-size: 32px;
-    font-family: PingFangSC-Medium, PingFang SC;
-    font-weight: 500;
-    color: #333;
-    line-height: 48px;
-
-    img {
-      margin-left: 8px;
-    }
-
-    .gird-name{
-      display: inline-block;
-      max-width: calc(100% - 50px);
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      vertical-align: middle;
-    }
-  }
-
   span {
     display: inline-block;
     width: 112px;