tplus-portaltouch 1.27.1 → 1.27.2

package/dist/components/header/vertical-touch.less

@@ -0,0 +1,213 @@
+.vertical-touch-platform {
+  .pos-header {
+    height: 120px;
+
+    &.isPortal-head {
+      .head-content-right {
+        span {
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  .head-content-right {
+    span {
+      height     : 100%;
+      display    : block;
+      line-height: 120px;
+      font-size  : 22px;
+      width      : 130px;
+      float      : right;
+    }
+
+    &>div {
+      float: right;
+    }
+
+    .memberHeaderDowndown {
+      background: red;
+    }
+
+    .member-name {
+      font-size  : 28px;
+      color      : #151515;
+      height: 120px;
+      line-height: 120px;
+      position: relative;
+      right: 20px;
+      padding-left: 20px;
+
+      .header-triangle-down {
+        top: 50%;
+        border-width: 10px 8px 0px 8px;
+        right: -16px;
+      }
+
+      .memberWord {
+        font-size   : 28px;
+        color       : #FF8C25;
+        padding-left: 12px;
+        padding-right: 5px;
+        width       : auto !important;
+      }
+    }
+  }
+
+  .head-content-left {
+    .business-logo {
+      padding-left: 30px;
+
+      &>img.example-logo {
+        margin: 0px;
+        height: 48px;
+      }
+    }
+
+    .pos-code {
+      float      : left;
+      font-size  : 24px;
+      color      : #333333;
+      height     : 100%;
+      line-height: 120px;
+      margin-left: 10px;
+    }
+  }
+
+  .isPortal-layout {
+    .pos-code {
+      color: #fff !important;
+    }
+  }
+
+  .head-content-control {
+    padding-top: 28px;
+
+    .iconfont {
+      font-size: 34px;
+      padding  : 0 15px;
+    }
+  }
+
+  .portal-content {
+    .portal-center-content {
+      transform: translate3d(0, 50%, 0);
+      top      : 20%;
+
+      &>div {
+        display: inline-block;
+      }
+
+      width: 840px;
+
+      .worktop-item {
+        border-radius: 20px;
+      }
+
+      .worktop-container-left {
+        width       : 540px;
+        margin-right: 30px;
+
+        .worktop-item-cashier {
+          height: 360px;
+
+          h1 {
+            font-size: 76px;
+          }
+
+          .iconfont {
+            font-size  : 140px;
+            width      : 140px;
+            height     : 140px;
+            margin-left: -62px;
+            margin-top : -20px;
+          }
+        }
+      }
+
+      .worktop-container-right {
+        width: 270px;
+
+        .worktop-item-hardware {
+          height          : 360px;
+          background-color: #F5A623;
+          padding         : 28px;
+
+          h1 {
+            font-size: 34px;
+          }
+
+          .iconfont {
+            font-size: 82px;
+            bottom   : 70px;
+            right    : 30px;
+            width    : 80px;
+            height   : 80px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.router-change-confirm {
+  .u-modal-body {
+    .u-modal-confirm-content {
+      .content1 {
+        padding: 60px 10px 10px 10px !important;
+      }
+
+      .inputs-content {
+        .tplus-input-container {
+          &:first-child {
+            margin-bottom: 30px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.verticalTouchDropdownClass {
+  z-index: 99999999;
+  border-top-left-radius: 10px;
+  border-bottom-left-radius: 10px;
+
+  .u-dropdown-menu {
+    width           : 174px;
+    margin          : 5px 0 0;
+    height          : 74.5px;
+    background-color: rgba(0, 0, 0, 0.65) !important;
+
+    .u-dropdown-menu-item {
+      i {
+        font-size  : 25px;
+        position   : absolute;
+        left       : 10px;
+        top        : 0px;
+        line-height: 74.5px;
+      }
+
+      height     : 74.5px !important;
+      line-height: 74.5px !important;
+
+      i,
+      span {
+        color: #fff;
+      }
+
+      span {
+        font-size  : 24px;
+        margin-left: 36px;
+      }
+
+      &.u-dropdown-menu-item-selected {
+        background-color: rgba(0, 0, 0, .3);
+      }
+    }
+
+    .u-dropdown-menu-item-active {
+      background-color: rgba(0, 0, 0, .3);
+    }
+  }
+}