xuxueyang
2024-07-12 da1f751bea60280504d7fa04e6a547c68ef4381a
common/global.scss
@@ -73,6 +73,69 @@
    height: 100%;
    z-index: -1;
}
.component-popup_input_all{
   margin: 0 auto;
   margin-top: 160rpx;
   height: calc(100vh - 300rpx);
   background-color: #fff;
   border-radius: 40rpx 40rpx 0rpx 0rpx;
   padding: 26rpx;
   position: relative;
   .button-space{
      // border: 2rpx solid #EEEEEE;
      min-height: 124rpx;
   }
   .value-items{
      .value-item{
         min-width: 152rpx;
         width: fit-content;
         text-align: center;
         height: 58rpx;
         background: #F1F5F2;
         border-radius: 36rpx;
         margin-bottom: 18rpx;
         font-weight: 400;
         font-size: 28rpx;
         line-height: 58rpx;
         padding: 8rpx 30rpx;
         color: #33a868;
         margin-left: 13rpx;
         margin-right: 13rpx;
         border: 2rpx solid #F1F5F2;
      }
      .value-item.cur{
         background: #E1F0E7;
         border-radius: 36rpx;
         border: 2rpx solid #20613D;
         color: #20613D;
      }
   }
   .button-green{
      border-top: 2rpx solid #EEEEEE;
      position: absolute;
      bottom: 26rpx;
      left: 26rpx;
      right: 26rpx;
      height: 78rpx;
      background: #20613D;
      border-radius: 40rpx;
      font-weight: 600;
      font-size: 32rpx;
      color: #FFFFFF;
      line-height: 78rpx;
   }
   .button-green.button-white{
      background: #F1F5F2;
      font-weight: 400;
      font-size: 32rpx;
      color: #20613D;
      line-height: 78rpx;
   }
}
.component-popup_input{
   margin: 0 auto;
   margin-top: 160rpx;
@@ -122,4 +185,96 @@
      color: #000000;
      line-height: 34rpx;
   }
}
}
.component-shop-item {
   margin-top: 20rpx;
   background: #FFFFFF;
   border-radius: 8rpx;
   padding: 10rpx;
   .info-container {
      position: relative;
      .other-info {
         margin-top: 6rpx;
         font-size: 24rpx;
         color: #666666;
         line-height: 34rpx;
         text-align: left;
      }
      .shop-name {
         margin-top: 14rpx;
         font-size: 24rpx;
         color: #666666;
         line-height: 34rpx;
      }
      .bottom-buttons {
         // width: 400rpx;
         position: absolute;
         bottom: 0rpx;
         left: 0;
         right: 0;
         .icons {
            margin-left: auto;
            margin-right: 0rpx;
            margin-top: -10rpx;
            .curnums {
               line-height: 60rpx;
               margin-left: 12rpx;
               margin-right: 12rpx;
            }
         }
      }
      .title {
         font-weight: 600;
         font-size: 32rpx;
         color: #000000;
         line-height: 44rpx;
         margin-top: 8rpx;
         position: relative;
         .price {
            position: absolute;
            font-weight: 400;
            font-size: 28rpx;
            color: #CF0000;
            line-height: 40rpx;
            top: 0;
            right: 0;
         }
      }
   }
   .img {
      width: 206rpx;
      height: 206rpx;
      border-radius: 8rpx;
      position: relative;
      .level {
         position: absolute;
         width: 66rpx;
         height: 44rpx;
         background: #20613D;
         left: 0;
         top: 0;
         border-top-left-radius: 8rpx;
         border-bottom-right-radius: 8rpx;
         color: #FFFFFF;
         line-height: 44rpx;
         font-size: 24rpx;
         text-align: center;
      }
   }
}