xuxy
2024-07-10 98f4b7ec4164ec1c6798c8c4188b93f4ce48ec46
components/footer/main.scss
@@ -21,6 +21,7 @@
      flex: 1;
      border-radius: 50rpx;
      padding: 8rpx;
      .item {
          font-family: PingFangSC-Regular, PingFang SC;
@@ -50,10 +51,7 @@
         //    height: 50rpx;
         //    margin-top: 20rpx;
         // }
         .footer-icon{
            width: 28rpx;
            height: 29rpx;
         }
         .footer-icon.0 {
           width: 28rpx;
           height: 29rpx;
@@ -71,8 +69,11 @@
//     position: sticky;
//     top: -10px;
// }
.footer.farmer-footer{
.footer-icon{
   width: 36rpx;
   height: 36rpx;
}
.footer.supplier-footer{
   left: 50%;
   transform: translateX(-50%);
   background-image: unset;
@@ -93,18 +94,77 @@
         padding-top: 12rpx;
         line-height: 50rpx;
         .footer-icon{
            margin-top: 12rpx;
            margin-top: 8rpx;
         }
      }
      &.cur {
          // font-weight: 600;
          // font-size: 28rpx;
          // color: #000000;
          // text-align: left;
          // font-style: normal;
         background: #E1F0E7;
         border-radius: 50rpx;
         color: var(--topicolor);
   }
   .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;
   .footer-item{
      flex: 1;
      border-radius: 50rpx;
      padding: 8rpx;
      .item {
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          // color: #A1A6B3;
          color: var(--topicgray);
         flex-direction: column;
          align-items: center;
         text-align: center;
         min-width: 100rpx;
         font-size: 24rpx;
         color: #000000;
         line-height: 34rpx;
         color: #20613D;
         min-height: 40rpx;
         // .footer-bottom-brand-icon{
         //    width: 90rpx;
         //    height:70rpx;
         // }
         // .footer-icon{
         //    width: 50rpx;
         //    height: 50rpx;
         //    margin-top: 20rpx;
         // }
         .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
         }
      }
   }
}
}