#

whycq

2024-03-26 9f8c2ee719613a600ddf76f4958c5c860cbe2ac6

 static/css/common/order.css

@@ -1,8 +1,11 @@
.code {
   .container {
      position: relative;
   }
   .code {
      background-color: #d9d9d9;
      z-index: 99;
      position: sticky;
      top: 80rpx;
      top: 0rpx;
      left: 0;
   }
   .code-title {
@@ -22,13 +25,12 @@
   .card-id {
      position: absolute;
      right: 10rpx;
      top: 5rpx;
      height: 30rpx;
      line-height: 30rpx;
      width: 30rpx;
      top: 20rpx;
      padding: 5rpx 10rpx;
      line-height: 1.2;
      text-align: center;
      color: #eeeeee;
      background-color: #ddd844;
      background-color: #30ddb2;
      border-radius: 50%;
      font-size: 10px;
   }
@@ -38,9 +40,57 @@
      position: relative;
   }
   .list-right {
      width: 100rpx;
      width: 70rpx;
      border-left: 1px solid #eeeeee;
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .buttom {
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 100rpx;
      background-color: #FFF;
      box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2) ;
   }
   .card-status-1 {
      position: absolute;
      right: 20rpx;
      top: 30rpx;
      padding: 4rpx 20rpx;
      text-align: center;
      font-size: 10px;
      color: #f5222d;
      background-color: #fff1f0;
      border: 1px solid #ffa39e;
      border-radius: 6rpx;
   }
   .card-status-2 {
      position: absolute;
      right: 20rpx;
      top: 30rpx;
      padding: 4rpx 20rpx;
      text-align: center;
      font-size: 10px;
      color: #52c41a;
      background-color: #f6ffed;
      border: 1px solid #b7eb8f;
      border-radius: 6rpx;
   }
   .card-status-4 {
      position: absolute;
      right: 20rpx;
      top: 30rpx;
      padding: 4rpx 20rpx;
      text-align: center;
      font-size: 10px;
      color: #1890ff;
      background-color: #e6f7ff;
      border: 1px solid #91d5ff;
      border-radius: 6rpx;
   }