陶杰
2024-12-23 d39644872fa6f9499fc2c1651bced631a9e96b19
pages/user/user-customer.scss
@@ -1,5 +1,87 @@
.member-level{
   font-weight: 600;
   font-size: 32rpx;
   line-height: 44rpx;
   text-align: left;
   font-style: normal;
   display: inline-block;
   margin-left: 18rpx;
   // background: linear-gradient(90deg, #75D982 0%, #54A953 100%);
   .member-icon{
      display: inline-block;
      vertical-align: middle;
      width: 57rpx;
      height: 61rpx;
      background-size: 100% 100%;
   }
}
.member-level .v1{
   color: #7CC662;
}
.member-level .v2{
   color: #7498E0;
}
.member-level .v3{
   color: #C47810;
}
.member-level .v4{
   color: #DD834E;
}
.coupon-info-container{
   display: flex;
   // width: 690rpx;
   padding: 22rpx 36rpx;
   // height: 134rpx;
   // background: linear-gradient( 180deg, #FBECC1 0%, #E6CE9E 100%);
   // background: unset !important;
   border-radius: 8rpx;
   // border: 2rpx solid;
   // border-image: linear-gradient(180deg, rgba(238, 217, 173, 1), rgba(219, 182, 105, 1)) 2 2;
   // background-image: url('../../static/images/customer/coupon/coupon-bg-user.png');
   background-image: url('https://hmy-flower.oss-cn-shanghai.aliyuncs.com/69/69b8683eb7084e06a9d7645764a92a4ayJwLQzpZIQ5f7c5070054319d93cf972f05d429ad10c.png');
   background-size: 100% 100%;
   .title{
      font-weight: 600;
      font-size: 36rpx;
      color: #AD790F;
      line-height: 50rpx;
   }
   .score{
      font-weight: 400;
      font-size: 28rpx;
      color: #AD790F;
      line-height: 40rpx;
   }
   .button{
      width: 170rpx;
      height: 58rpx;
      background: linear-gradient( 184deg, #ECCA6D 0%, #D59A3B 100%);
      border-radius: 30rpx;
      line-height: 58rpx;
      text-align: center;
      font-weight: 600;
      font-size: 28rpx;
      color: #FFFFFF
   }
}
.user-customer-order-infos{
   padding-top: 0rpx;
   .image-shop-number {
      width: 30rpx;
      height: 30rpx;
      background: #F20000;
      line-height: 30rpx;
      text-align: center;
      position: absolute;
      right: -10rpx;
      top: -6rpx;
      color: #FFFFFF;
      border-radius: 50%;
      font-size: 24rpx;
   }
   .more{
      font-weight: 400;
      font-size: 24rpx;
@@ -16,11 +98,13 @@
         font-size: 24rpx;
         color: #000000;
         line-height: 34rpx;
         position: relative;
         .order-icon{
            flex:1;
            margin: 0 auto;
            width: 52rpx;
            height: 52rpx;
            position: relative;
         }
         .order-icon.dsh{
            width: 48rpx;
@@ -57,6 +141,7 @@
         font-size: 24rpx;
         color: #000000;
         line-height: 34rpx;
         position: relative;
         .service-icon{
            height: 52rpx;
            width: 52rpx;
@@ -64,6 +149,15 @@
         .service-icon.t2{
            height: 52rpx;
            width: 56rpx;
         }
         .dot{
            position: absolute;
            left: calc(50% + 30rpx);
            top: 0rpx;
            width: 10rpx;
            height: 10rpx;
            background: #CF0000;
            border-radius: 50%;
         }
      }
      
@@ -99,3 +193,29 @@
      background-color:  #BBCCC2;
   }
}
.kf-container{
   padding: 28rpx;
   .icon-kf {
      width: 44rpx;
      height: 44rpx;
      width: 90rpx;
      height: 90rpx;
      margin-top: 12rpx;
   }
   .icon-call {
      width: 32rpx;
      height: 32rpx;
   }
   .icon-view {
      line-height: 40rpx;
      .icon {
         display: inline-block;
         vertical-align: middle;
      }
   }
}