add 兼容扫码问题

xuxueyang

2024-09-05 f8867b8df117d1ac0f1311970994e15059c3da03

 components/footer/main.scss

@@ -1,9 +1,10 @@
.footer {
    position: fixed;
    // position: sticky;
    bottom: 0px;
    bottom: 60rpx;
    left: 0px;
    width: 100vw;
    // width: 100vw;
   min-width: 600rpx;
    // height: 98rpx;
    // background: #fff;
   // background-image: url('../../static/imgs/home/foot-bg.png');
@@ -18,11 +19,11 @@
   // border-top: 2rpx solid #F2f2f2f2;
   .footer-item{
      flex: 1;
               border-radius: 50rpx;
               padding: 8rpx;
      border-radius: 50rpx;
      padding: 8rpx;
		
      .item {

          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          // color: #A1A6B3;
          color: var(--topicgray);
@@ -36,16 +37,7 @@
         height: 60rpx;
         line-height: 60rpx;
         
          &.cur {
              // font-weight: 600;
              // font-size: 28rpx;
              // color: #000000;
              // text-align: left;
              // font-style: normal;
            background: #E1F0E7;
            border-radius: 50rpx;
               color: var(--topicolor);
          }

      
 
         
@@ -58,60 +50,114 @@
         //    height: 50rpx;
         //    margin-top: 20rpx;
         // }

         .footer-icon.0 {
           width: 28rpx;
           height: 29rpx;
         }
         .footer-icon.1 {
         width: 26rpx;
         height: 32rpx;
            width: 26rpx;
            height: 32rpx;
         }
      }
   }
    
   .popup_brand{
      margin-top: calc(50% + 200rpx);
      // left: 50%;
      // left: calc(50% - 295rpx);
      // transform: translate(-295rpx,250rpx);
      margin-left: 78rpx - 26rpx;
      width: 594rpx;
      height: 500rpx - 52rpx;
      background: linear-gradient(180deg, #D8F0EE 0%, #FFFFFF 100%);
      border-radius: 16rpx;
      padding: 26rpx;
      position: relative;
      .icon{
         z-index: -1;
         position: absolute;
         width: 266rpx;
         height: 146rpx;
         top: -134rpx;
         left: 50%;
         transform: translateX(-50%);
      }
      .close-parent{
         margin-bottom: 34rpx;
      }
      .button-green{
         margin-top: 50rpx;
      }
   }
}
// .aaa{
//     position:static;
//     position: sticky;
//     top: -10px;
// }

.footer.bussincess-footer{
.footer-icon{
   width: 36rpx;
   height: 36rpx;
}
.footer.supplier-footer{
   left: 50%;
   transform: translateX(-50%);
   background-image: unset;
   background-color: #fff;
   padding-top:0rpx;
   border-radius: 50rpx;
   padding:8rpx;
   .footer-item{
      border-radius: 50rpx;
      width: 252rpx;
		
      .item {
         margin-top: 0rpx;
         padding-top: 0rpx;
         min-width: unset;

         // min-width: 252rpx;
         // max-width: 252rpx;;
         padding-top: 12rpx;
         line-height: 50rpx;
         .footer-icon{
            margin-top: 8rpx;
         }
      }

   }
   .footer-item.cur {
       // font-weight: 600;
       // font-size: 28rpx;
       // color: #000000;
       // text-align: left;
       // font-style: normal;
      background: #E1F0E7;
      border-radius: 50rpx;
      color: var(--topicolor);
   }
}

.footer.customer-footer{
   background-color: #fff;
   bottom: 0rpx;
   left:0rpx;
   right: 0rpx;
   width: 750rpx;
   padding-bottom: 40rpx;
 
   .footer-item{
      flex: 1;
      border-radius: 50rpx;
      padding: 8rpx;
		
      .item {
	
          font-weight: 400;
          color: #A1A6B3;
		    
         flex-direction: column;
          align-items: center;
         text-align: center;
         min-width: 100rpx;
         font-size: 24rpx;
         line-height: 34rpx;
			
         min-height: 40rpx;			
 
         .footer-icon.0 {
           width: 37rpx;
           height: 43rpx;
         }
         .footer-icon.1 {
            width: 38rpx;
            height: 39rpx;
         }
         .footer-icon.2 {
            width: 39rpx;
            height: 38rpx;
         }
         .footer-icon.3 {
            width: 31rpx;
            height: 38rpx
         }
      }
      .item.cur {
         color: #20613D;
      }
   }
}
	
}