二手车交易，购车详情查看

src/views/secondHandCar/wantBuySale.vue

@@ -26,7 +26,9 @@
         </div>
         <div class="descItem descCommon">
           <div class="itemInfo">
-            <span>{{ detailInfo.vehicleType }}</span>
+            <el-tooltip class="item" effect="dark" :content="detailInfo.vehicleType" placement="top">
+              <span style="cursor: pointer">{{ detailInfo.vehicleType }}</span>
+            </el-tooltip>
             <span>拖车类型</span>
           </div>
           <div class="suGang"></div>
@@ -214,13 +216,17 @@ export default {
     .itemInfo{
       display: flex;
       flex-direction: column;
-      width: 25%;
+      width: 28%;
       span:first-child{
+        width: 100%;
         font-weight: bold;
         font-size: 14px;
         color: #282828;
         line-height: 20px;
         margin-bottom: 2px;
+        white-space: nowrap; /* 强制文本在一行显示 */
+        overflow: hidden; /* 隐藏超出部分 */
+        text-overflow: ellipsis; /* 超出部分显示省略号 */
       }
       span:last-child{
         font-weight: 400;