6/9

wuye-manager-uniapp/pageSubPack/instrument/checkouthouse.vue

@@ -35,13 +35,10 @@
                 active: checkoutHouseid === item.houseId
               }"
             >
-              <view class="flex items-center flex-1">
-                <!-- checkout -->
+              <view class="housepath flex items-center flex-1">
                 <radio color="#4d5dfa" :value="item.houseId" />
-                <!-- housename -->
                 <text class="address">{{ item.addressCn ?? item.addressHyphen }}</text>
               </view>
-              <!-- username -->
               <view class="username">{{ item.residentName }}</view>
             </view>
           </label>
@@ -221,12 +218,22 @@ function handleSelecthouse() {
       &:deep(radio) {
         transform: scale(0.68);
       }
+      .housepath {
+        overflow: hidden;
+      }
       .address {
         margin-left: 20rpx;
         font-weight: 550;
         font-size: 32rpx;
         color: #222222;
         line-height: 40rpx;
+
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2; /* 控制行数，2行就写2 */
+        -webkit-box-orient: vertical;
+        word-break: break-all; /* 自动换行 */
       }
 
       .username {
@@ -236,6 +243,7 @@ function handleSelecthouse() {
         line-height: 40rpx;
         width: 180rpx;
         text-align: left;
+        margin-left: 10rpx;
       }
       &.active {
         background: #f5faff;