tplus-components-touch 3.27.29 → 3.27.33

package/dist/components/settlement/settlement.less

@@ -1,6 +1,24 @@
 .asyncModal[role='dialog'] {
   z-index: 1006 !important;
 }
+.moreCzkModal {
+  .ant-modal {
+    width: 800px !important;
+    .ant-modal-body {
+      height: 376px !important;
+      padding: 0;
+    }
+    .showUseCard {
+      font-family: 'PingFangSC-Regular';
+      font-size: 14px;
+      color: #666666;
+      letter-spacing: 0;
+      line-height: 30px;
+      font-weight: 400;
+      float: left;
+    }
+  }
+} 
 .asyncModal{
   .ant-modal-body{
     margin:-16px;
@@ -391,7 +409,7 @@
         box-shadow: 0 2px 2px 0 rgba(174,98,30,0.40);
         .point_top{
           content: ' ';
-          width: 10px;
+          width: 0px;
           height: 5px;
           /* 绝对定位进行偏移 */
           position: absolute;
@@ -404,7 +422,7 @@
         }
         .point_bottom{
           content: ' ';
-          width: 10px;
+          width: 0px;
           height: 5px;
           /* 绝对定位进行偏移 */
           position: absolute;
@@ -661,12 +679,26 @@
         padding-top:25px;
         padding-left:30px;
         padding-right: 20px;
-        .settlement-pay-item-border {
-          border-bottom: 1px solid #FF8C25 !important;
+        width: 300px;
+        position: relative;
+        .minus {
+          text-align: center;
+          display: inline-block;
+          height: 40px;
+          line-height: 40px;
+          width: 40px;
+          position: absolute;
+          left: 284px;
+          top: 34px;
+          .minusIcon {
+            font-size: 24px;
+          }
         }
         .main{
           display: flex;
-          border-bottom: 1px solid #C8C8CD;
+          border-bottom-color: #C8C8CD;
+          border-bottom-width: 1px;
+          border-bottom-style: solid;
           .content{
             display: inline-block;
             vertical-align: top;
@@ -700,8 +732,8 @@
           }
           .lefticon{
             display: inline-block;
-            width: 20px;
             margin-right: 16px;
+            position: absolute;
             i{
               font-size: 20px;
             }
@@ -715,6 +747,7 @@
             }
           }
           .name{
+            margin-left: 6px;
             width: 100px;
             display: inline-block;
             font-size: 16px;
@@ -730,9 +763,26 @@
           font-size: 12px;
           color: #75787B;
           line-height: 14px;
-          padding-left: 36px;
+          padding-left: 10px;
           padding-top: 6px;
           padding-right: 60px;
+          .addCard {
+            width: 112px;
+            height: 32px;
+            border-radius: 4px;
+            text-align: center;
+            border: none;
+            font-size: 16px;
+            display: flex;
+            align-items: center;
+            border: none;
+            padding-top: 16px !important;
+            padding-left: 0px !important;
+            .plus {
+              font-size: 18px;
+              margin-right: 6px;
+            }
+          }
         }
       }
 
@@ -936,6 +986,23 @@
           padding-left: 74px;
           padding-top: 6px;
           padding-right: 60px;
+          .addCard {
+            width: 112px;
+            height: 32px;
+            border-radius: 4px;
+            text-align: center;
+            border: none;
+            font-size: 16px;
+            display: flex;
+            align-items: center;
+            border: none;
+            padding-top: 16px !important;
+            padding-left: 0px !important;
+            .plus {
+              font-size: 18px;
+              margin-right: 6px;
+            }
+          }
         }
 
       }
@@ -1351,6 +1418,9 @@
   .ant-modal-body{
     padding:0 0 24px;
   }
+  .ant-modal {
+    top: none !important;
+  }
   .no{
     padding-top: 30px;
     padding-left: 40px;