css

src/project/pingchang/AppCheckpointRegistration/AppCheckpointRegistration.vue

@@ -32,10 +32,10 @@
             <u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" />
           </AiAreaPicker>
         </div>
-        <div class="item" @click="showGateSelect=true">
-          <span v-if="gatewayId">{{gatewayName || '卡口选择'}}</span>
-          <span v-else>卡口选择</span>
-          <u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" />
+        <div class="item gateway-type" @click="showGateSelect=true">
+          <div v-if="gatewayId" class="gateway-name">{{gatewayName || '卡口选择'}}</div>
+          <u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" v-if="gatewayId" />
+          <span v-else>卡口选择<u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" /></span>
         </div>
       </div>
     </AiTopFixed>
@@ -401,5 +401,23 @@ export default {
       }
     }
   }
+  .gateway-name {  
+    width: calc(100% - 48px);
+    word-break: break-all;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 28px;
+    color: #666;
+    line-height: 40px;
+  }
+  .gateway-type {
+    display: flex;
+    justify-content: center;
+  }
 }
 </style>