add 兼容扫码问题

xuxueyang

2024-09-05 f8867b8df117d1ac0f1311970994e15059c3da03

 common/global.scss

@@ -72,6 +72,154 @@
    height: 100;
    height: 100%;
    z-index: -1;
   background-size: 100% 100%;
}
.component-popup_input_all{
   margin: 0 auto;
   margin-top: 160rpx;
   height: calc(100vh - 300rpx);
   overflow-y: scroll;
   background-color: #fff;
   border-radius: 40rpx 40rpx 0rpx 0rpx;
   padding: 26rpx;
   position: relative;
   .button-space{
      // border: 2rpx solid #EEEEEE;
      min-height: 160rpx;
   }
   .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 24rpx;
         color: #33a868;
         margin-left: 6rpx;
         margin-right: 6rpx;
         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: fixed;
      bottom: 80rpx;
      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-button-contact{
   background: none;
   border: none;  
   box-sizing: 0px; 
   outline: none; 
   border-inline: none;
   // margin-top: 0px;
   display: flex;
   margin-left: 0rpx;
   margin-right: auto;
   font-size: 30rpx;
   flex: 1;
   padding-left: 0rpx;
   padding-right: 0rpx;
   line-height: 40rpx;
}
.component-buttons{
   display: flex;
   margin-left: auto;
   width: fit-content;
	
   .button {
      // width: 216rpx;
      padding: 10rpx 20rpx;
      line-height: 34rpx;
      font-size: 24rpx;
      height: 34rpx;
      background: #20613D;
      text-align: center;
      border-radius: 30rpx;
      min-width: 80rpx;
	
   }
	
   .button-1 {
      padding: 10rpx 20rpx;
      line-height: 34rpx;
      font-size: 24rpx;
      height: 34rpx;
      background: #20613D;
      text-align: center;
      border-radius: 30rpx;
      min-width: 80rpx;
      background: #fff;
      color: #333;
      border: 2rpx solid #333;
	
   }
	
   .button-0 {
      padding: 10rpx 20rpx;
      line-height: 34rpx;
      font-size: 24rpx;
      height: 34rpx;
      background: #20613D;
      text-align: center;
      border-radius: 30rpx;
      min-width: 80rpx;
      color: #fff;
      border: 2rpx solid #20613D;
   }
}
.component-button-contact::after{
   display: none !important;
}
.component-stock-zero::after{
   position: absolute;
   line-height: 100%;
   // font-size: ;
   left: -2rpx;
   right: -2rpx;
   top: -2rpx;
   bottom: -2rpx;
   font-size: 600;
   content: '已售罄';
   color: #fff;
   text-align: center;
   padding-top: calc(50% - 20rpx);
   background-color: #52525275;
}
.component-stock-zero{
   position: relative;
}
.component-popup_input{
   margin: 0 auto;
@@ -112,3 +260,113 @@
   }
}


.component-filter-container {
   display: flex;

   .flex1 {

      text-align: center;
      font-weight: 400;
      font-size: 24rpx;
      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;
               padding-left: 20rpx;
               padding-right: 20rpx;

            }

         }

      }



      .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;

      }



   }





}



.u-steps-item{
   /deep/ .u-text__value{
      font-size: 28rpx !important;
   }
}