详情样式修改

front/src/views/detailsAll/components/Application/ApplicationDeploymentAndSecurity.vue

@@ -160,6 +160,7 @@
         justify-content: center;
         .card-title {
           font-size: 0.26rem;
+          line-height: 0.26rem;
           color: #212956;
           margin-bottom: 0.2rem;
         }
@@ -169,7 +170,14 @@
             margin-right: 0.7rem;
             color: rgba(33, 41, 86, 0.8);
             font-size: 0.2rem;
-            max-width: 9.35rem;
+            line-height: 0.2rem;
+            max-width: 5.84rem;
+            overflow: hidden; /*超出的隐藏*/
+            white-space: nowrap;
+            text-overflow: ellipsis; /*超出的设置为省略号*/
+            span {
+              display: inline-block;
+              max-width: 4rem;
               overflow: hidden; /*超出的隐藏*/
               white-space: nowrap;
               text-overflow: ellipsis; /*超出的设置为省略号*/
@@ -178,4 +186,5 @@
         }
       }
     }
+  }
 </style>