[add] 增加选人组件

src/assets/less/common.less

@@ -1,6 +1,8 @@
 @primary-color: #E63636;
 @font-color: #1D2129;
 @label-font-color: #767676;
+@global-bg: #F4F4F4;
+@pad-base: 0.32rem;
 
 .page-box {
   height: 100%;

src/assets/less/list.less

@@ -0,0 +1,133 @@
+.list-container {
+  height: 100%;
+  background: @global-bg;
+  display: flex;
+  flex-direction: column;
+  .list-box {
+    flex: 1;
+    overflow: auto;
+    padding: @pad-base;
+    .van-swipe-cell{
+      border-radius: 0.1rem;
+    }
+    .van-swipe-cell + .van-swipe-cell{
+      margin-top: 0.24rem;
+    }
+  }
+}
+
+
+//每一个面板对应的样式
+.item-box {
+  background: #FFFFFF;
+  padding: @pad-base;
+  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;
+      }
+    }
+  }
+
+  //  内容部分
+  .item-content {
+    padding: 0.2rem 0;
+    & > span {
+      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;
+      flex: 1;
+      width: 0;
+    }
+  }
+
+  //操作部分
+  .item-ope {
+    font-size: 0.24rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    & > span {
+      display: flex;
+      align-items: center;
+      img{
+        width: 0.36rem;
+        height: 0.36rem;
+      }
+      span {
+        margin-left: 0.1rem;
+      }
+    }
+  }
+
+  .item-state{
+    width: 1rem;
+    height: 0.48rem;
+    line-height: 0.48rem;
+    background: @primary-color;
+    border-radius: 0 0.1rem;
+    font-size: 0.2rem;
+    color: #FFFFFF;
+    text-align: center;
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+
+  .item-state-have-evaluation {
+    background: rgba(48, 116, 246, 0.1);
+    color: @primary-color;
+  }
+
+}