update

xuxueyang

2024-10-08 4ba9c0c27c162c1858b11c3d621f52063a420ecd

 common/global.scss

@@ -4,415 +4,415 @@

// @import '@/node_modules/uview-ui/theme.scss';   

// .component-tab-container{
//    display: flex;
//    width: fit-content;
//    margin:0 auto;
//    .tab-item{
//       display: flex;
//       text-align: center;
//       border-radius: 8rpx;
//       border: 2rpx solid var(--topicolor);
//       background: #fff;
//       color: var(--topicolor);
//       width: 212rpx;
//       line-height: 64rpx;
//       font-weight: 600;
//       font-size: 28rpx;
//       display: block;
//    }
//    .tab-item.cur{
//       background: var(--topicolor);
//       // border-radius: 0rpx 8rpx 8rpx 0rpx;
//       color: #fff;
//    }
//    .tab-item:first-child{
//       border-top-right-radius: 0rpx;
//       border-bottom-right-radius: 0rpx;
//    }
//    .tab-item:last-child{
//       border-top-left-radius: 0rpx;
//       border-bottom-left-radius: 0rpx;
//    }
// }
// .component-button-upload{
//    width: 96rpx;
//    height: 96rpx;
//    border-radius: 4rpx;
//    border: 2rpx dashed #CECECE;
//    position: relative;
//    background-image: 100% 100%;
//    &::after{
//       content: "+";
//       position: absolute;
//       left: 50%;
//       top: 50%;
//       transform: translate(-50%,-50%);
//       // width: 22rpx;
//       // height: 22rpx;
//       font-size: 24rpx;
//       color: #696969;
//    }
// }
// .component-price-old{
//    text-decoration: line-through;
//    color: #9a9da2 !important;
//    font-size: 22rpx !important;
// }
// .component-price-new{
//    position: relative;
//    .tip{
//       font-size: 22rpx;
//       display: inline-block;
//       margin-right: 10rpx;
//    }
//    .p{
//       font-size: 40rpx;
//       font-weight: 600;
//    }
//    .component-price-old{
//       position: absolute;
//       // left: 0rpx;
//       top: 40rpx;
//       right: 0rpx;
//       color: #9a9da2 !important;
//    }
// }
// .component-line-vert{
//    width: 2rpx;
//    background-color: #EEEEEE;
// }
// .component-popup_input.white{
//    background: #fff;
.component-tab-container{
   display: flex;
   width: fit-content;
   margin:0 auto;
   .tab-item{
      display: flex;
      text-align: center;
      border-radius: 8rpx;
      border: 2rpx solid var(--topicolor);
      background: #fff;
      color: var(--topicolor);
      width: 212rpx;
      line-height: 64rpx;
      font-weight: 600;
      font-size: 28rpx;
      display: block;
   }
   .tab-item.cur{
      background: var(--topicolor);
      // border-radius: 0rpx 8rpx 8rpx 0rpx;
      color: #fff;
   }
   .tab-item:first-child{
      border-top-right-radius: 0rpx;
      border-bottom-right-radius: 0rpx;
   }
   .tab-item:last-child{
      border-top-left-radius: 0rpx;
      border-bottom-left-radius: 0rpx;
   }
}
.component-button-upload{
   width: 96rpx;
   height: 96rpx;
   border-radius: 4rpx;
   border: 2rpx dashed #CECECE;
   position: relative;
   background-image: 100% 100%;
   &::after{
      content: "+";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      // width: 22rpx;
      // height: 22rpx;
      font-size: 24rpx;
      color: #696969;
   }
}
.component-price-old{
   text-decoration: line-through;
   color: #9a9da2 !important;
   font-size: 22rpx !important;
}
.component-price-new{
   position: relative;
   .tip{
      font-size: 22rpx;
      display: inline-block;
      margin-right: 10rpx;
   }
   .p{
      font-size: 40rpx;
      font-weight: 600;
   }
   .component-price-old{
      position: absolute;
      // left: 0rpx;
      top: 40rpx;
      right: 0rpx;
      color: #9a9da2 !important;
   }
}
.component-line-vert{
   width: 2rpx;
   background-color: #EEEEEE;
}
.component-popup_input.white{
   background: #fff;
   
// }
// .component-bg{
//    position: absolute;
//     left: 0;
//     right: 0;
//     bottom: 0;
//     top: 0;
//     width: 100%;
//     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{
}
.component-bg{
   position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    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;
      .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-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 {
      // 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-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-status-zero{
//    position: relative;
   .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-status-zero{
   position: relative;
   
// }
// .component-status-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-status-zero{
//    position: relative;
// }
// .component-popup_input{
//    margin: 0 auto;
//    margin-top: 160rpx;
}
.component-status-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-status-zero{
   position: relative;
}
.component-popup_input{
   margin: 0 auto;
   margin-top: 160rpx;

//    // margin-left: 78rpx - 26rpx;
//    width: 594rpx;
   // margin-left: 78rpx - 26rpx;
   width: 594rpx;
   
//    background: linear-gradient(180deg, #D8F0EE 0%, #FFFFFF 100%);
//    border-radius: 16rpx;
//    padding: 26rpx;
//    position: relative;
//    .title{
//       font-weight: 400;
//       font-size: 28rpx;
//       color: #333333;
//       line-height: 42rpx;
//       text-align: center;
//       margin-bottom: 32rpx;
//    }
//    .uni-easyinput{
//       width: auto !important;
//    }
//    .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;
//    }
// }
   background: linear-gradient(180deg, #D8F0EE 0%, #FFFFFF 100%);
   border-radius: 16rpx;
   padding: 26rpx;
   position: relative;
   .title{
      font-weight: 400;
      font-size: 28rpx;
      color: #333333;
      line-height: 42rpx;
      text-align: center;
      margin-bottom: 32rpx;
   }
   .uni-easyinput{
      width: auto !important;
   }
   .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;
   }
}


// .component-filter-container {
//    display: flex;

//    .flex1 {

//       text-align: center;
//       font-weight: 400;
//       font-size: 24rpx;
//       color: #000000;
//       line-height: 34rpx;

//    }

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

.component-shop-item {

   margin-top: 20rpx;

   background: #FFFFFF;

   border-radius: 8rpx;

   padding: 10rpx;



//    .info-container {

//       position: relative;

   .info-container {

      position: relative;



//       .other-info {

//          margin-top: 6rpx;

//          font-size: 24rpx;

//          color: #666666;

//          line-height: 34rpx;

//          text-align: left;

//       }

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

//       }

      .shop-name {

         margin-top: 14rpx;

         font-size: 24rpx;

         color: #666666;

         line-height: 34rpx;

      }



//       .bottom-buttons {

//          // width: 400rpx;

//          position: absolute;

//          bottom: 0rpx;

      .bottom-buttons {

         // width: 400rpx;

         position: absolute;

         bottom: 0rpx;



//          left: 0;

//          right: 0;

         left: 0;

         right: 0;



//          .icons {

//             margin-left: auto;

//             margin-right: 0rpx;

//             margin-top: -10rpx;

         .icons {

            margin-left: auto;

            margin-right: 0rpx;

            margin-top: -10rpx;



//             .curnums {

//                line-height: 60rpx;
//                padding-left: 20rpx;
//                padding-right: 20rpx;

//             }

//          }

//       }

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

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

//          }

//       }

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

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

//       }

      .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;
//    }
// }
.u-steps-item{
   /deep/ .u-text__value{
      font-size: 28rpx !important;
   }
}