tplus-components-touch 3.36.1 → 3.37.2

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;
@@ -16,7 +34,7 @@
 .pwdModal {
   height: calc(~"100vh - 224px") !important;
 }
-.settlement-wraper div::-webkit-scrollbar{
+.settlement-wraper div:not(.bottom)::-webkit-scrollbar{
   display: none
 }
 
@@ -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;
@@ -426,7 +444,7 @@
           overflow: hidden;
           text-align: center;
           .amount{
-            padding-top:27px;
+            padding-top:20px;
             span:first-child{
               font-size: 20px;
               color: #FFFFFF;
@@ -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;
@@ -1404,7 +1474,7 @@
     border-top: 1px solid #F4F4F4;
     border-bottom: 4px solid #F4F4F4;
     text-align: center;
-    margin-left: 1px;
+    // margin-left: 1px;
     .name{
       font-size: 12px;
       color: #666666;
@@ -1433,7 +1503,6 @@
     }
     .gap{
       display: inline-block;
-      padding-left:10px;
       .gap1{
         height:20px;
       }
@@ -1507,9 +1576,9 @@
   }
   .error{
     height:16px;
-    padding-left: 140px;
+    padding-left: 138px;
     padding-top: 4px;
-    font-size: 14px;
+    font-size: 11px;
     color: #E60012;
     letter-spacing: 0;
     line-height: 12px;
@@ -1592,4 +1661,25 @@
       }
     }
   }
-}
+}
+.repeat-modal {
+  &.method-modal1 {
+    .content1 {
+      position: inherit;
+      z-index: 1007;
+      transform: translate(0,0);
+      text-overflow: inherit; 
+      -webkit-line-clamp: inherit;
+      -webkit-box-orient: inherit;
+      line-height: 23px;
+      .content-box {
+        word-break: normal;
+        word-wrap: break-word;
+        text-align: justify;
+      }
+    }
+    .ant-modal-confirm-body {
+      height: auto;
+    }
+  } 
+}