|  |  | 
 |  |  |    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
 | 
 |  |  | 
 |  |  |    @import "uview-ui/index.scss";
 | 
 |  |  | 
 | 
 |  |  |    /* #ifndef APP-NVUE */
 | 
 |  |  |    @import '@/static/customicons.css';
 | 
 |  |  |    // @import '@/static/customicons.css';
 | 
 |  |  | 
 | 
 |  |  |    // 设置整个项目的背景色
 | 
 |  |  |    page {
 | 
 |  |  | 
 |  |  |    }
 | 
 |  |  | </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> |