陶杰
2025-01-19 87a56274d598af9842b593ec972f517161f60707
App.vue
@@ -7,7 +7,14 @@
   export default {
      onLaunch: async function(options) {
         //清除一些缓存
         this.$storage.removeItem('cache_home_show_coupon')
         this.$storage.removeItem('cache_home_show_coupon')
         var defaultaddress = this.$storage.getItem("defaultaddress")
         if(defaultaddress){
            // this.$store.dispatch('getCurrentInfo');
            this.$store.commit('setAddressDesc', (defaultaddress || ''))
         }
         // #ifdef PUB_PARTNER
         // this.$storage.removeItem('cache_partner_info')
         // #endif
@@ -130,7 +137,7 @@
   @import "uview-ui/index.scss";
   /* #ifndef APP-NVUE */
   @import '@/static/customicons.css';
   // @import '@/static/customicons.css';
   // 设置整个项目的背景色
   page {
@@ -1308,419 +1315,3 @@
   }
</style>
<style lang="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-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;
      }
   }
   .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-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;
   // 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;
   }
}
.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;
   }
}
</style>