update 选人组件调整

src/assets/less/list.less

@@ -3,14 +3,17 @@
   background: @global-bg;
   display: flex;
   flex-direction: column;
+
   .list-box {
     flex: 1;
     overflow: auto;
     padding: @pad-base;
-    .van-swipe-cell{
+
+    .van-swipe-cell {
       border-radius: 0.1rem;
     }
-    .van-swipe-cell + .van-swipe-cell{
+
+    .van-swipe-cell + .van-swipe-cell {
       margin-top: 0.24rem;
     }
   }
@@ -24,71 +27,30 @@
   position: relative;
   border-radius: 0.1rem;
 
-  & + .item-box{
-    margin-top: 0.24rem;
-  }
-
-  // 左滑后 样式的变化
-  &.item-box-has-swipe{
-    border-radius: 0.1rem 0 0 0.1rem;
-    .item-state{
-      border-radius: 0 0 0 0.1rem;
-    }
-  }
   // 标题的文字
   .item-title {
     font-size: 0.28rem;
-    text-align: left;
-    display: flex;
-    align-items: center;
-    span {
-      display: inline-block;
-      text-align: left;
-    }
-
-    .title {
-      width: 3.05rem;
-    }
-
-    .score {
-      font-size: 0.2rem;
-      line-height: 0.2rem;
-      border-radius: .16rem .16rem .16rem .02rem;
-      background-color: #F2F2F2;
-      padding: 0.07rem 0.15rem;
-      max-width: 2rem;
-      .green{
-        color: #25C4A0;
-      }
-      .red{
-        color: #FF4C4C;
-      }
-    }
+    word-break: break-word;
   }
 
   //  内容部分
   .item-content {
-    padding: 0.2rem 0;
-    & > span {
+    padding-top: 0.2rem;
+    display: flex;
+
+    &-item {
+      margin-right: 0.2rem;
+      width: calc(50% - 0.1rem);
       display: flex;
-      align-items: baseline;
-      color: @font-color;
-      font-size: 0.22rem;
-      text-align: left;
     }
-    & > span + span {
-      margin-top: 0.1rem;
-    }
-    .label {
-      display: inline-block;
-      width: 1.2rem;
-      text-align: left;
-    }
-    .text{
-      white-space: pre-wrap;
-      word-break: break-all;
+
+    &-item > .text {
       flex: 1;
-      width: 0;
+      word-break: break-word;
+    }
+
+    &-item:nth-child(2n) {
+      margin-right: 0;
     }
   }
 
@@ -98,20 +60,23 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
+
     & > span {
       display: flex;
       align-items: center;
-      img{
+
+      img {
         width: 0.36rem;
         height: 0.36rem;
       }
+
       span {
         margin-left: 0.1rem;
       }
     }
   }
 
-  .item-state{
+  .item-state {
     width: 1rem;
     height: 0.48rem;
     line-height: 0.48rem;