| ¶Ô±ÈÐÂÎļþ |
| | |
| | | @charset "UTF-8"; |
| | | /** |
| | | * è¿éæ¯uni-appå
ç½®çå¸¸ç¨æ ·å¼åé |
| | | * |
| | | * uni-app 宿¹æ©å±æä»¶åæä»¶å¸åºï¼https://ext.dcloud.net.cnï¼ä¸å¾å¤ä¸æ¹æä»¶å使ç¨äºè¿äºæ ·å¼åé |
| | | * å¦æä½ æ¯æä»¶å¼åè
ï¼å»ºè®®ä½ 使ç¨scssé¢å¤çï¼å¹¶å¨æä»¶ä»£ç ä¸ç´æ¥ä½¿ç¨è¿äºåéï¼æ é import è¿ä¸ªæä»¶ï¼ï¼æ¹ä¾¿ç¨æ·éè¿æç§¯æ¨çæ¹å¼å¼åæ´ä½é£æ ¼ä¸è´çApp |
| | | * |
| | | */ |
| | | /** |
| | | * å¦æä½ æ¯Appå¼åè
ï¼æä»¶ä½¿ç¨è
ï¼ï¼ä½ å¯ä»¥éè¿ä¿®æ¹è¿äºå鿥å®å¶èªå·±çæä»¶ä¸»é¢ï¼å®ç°èªå®ä¹ä¸»é¢åè½ |
| | | * |
| | | * å¦æä½ ç项ç®åæ ·ä½¿ç¨äºscssé¢å¤çï¼ä½ ä¹å¯ä»¥ç´æ¥å¨ä½ ç scss 代ç ä¸ä½¿ç¨å¦ä¸åéï¼åæ¶æ é import è¿ä¸ªæä»¶ |
| | | */ |
| | | /* uni.scss */ |
| | | /* é¢è²åé */ |
| | | /* è¡ä¸ºç¸å
³é¢è² */ |
| | | /* æååºæ¬é¢è² */ |
| | | /* èæ¯é¢è² */ |
| | | /* è¾¹æ¡é¢è² */ |
| | | /* 尺寸åé */ |
| | | /* æå尺寸 */ |
| | | /* å¾ç尺寸 */ |
| | | /* Border Radius */ |
| | | /* æ°´å¹³é´è· */ |
| | | /* åç´é´è· */ |
| | | /* éæåº¦ */ |
| | | /* æç« åºæ¯ç¸å
³ */ |
| | | .luggage-page.data-v-c13e4c60 { |
| | | position: relative; |
| | | min-height: 100vh; |
| | | background: #f5f6f8; |
| | | } |
| | | .nav-bar.data-v-c13e4c60 { |
| | | position: -webkit-sticky; |
| | | position: sticky; |
| | | top: 0; |
| | | left: 0; |
| | | right: 0; |
| | | background: #ffffff; |
| | | z-index: 100; |
| | | } |
| | | .nav-bar .nav-content.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | padding: 0 30rpx; |
| | | } |
| | | .nav-bar .nav-content .nav-left.data-v-c13e4c60 { |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .nav-bar .nav-content .nav-title.data-v-c13e4c60 { |
| | | font-size: 34rpx; |
| | | font-weight: 600; |
| | | color: #333333; |
| | | } |
| | | .nav-bar .nav-content .nav-right.data-v-c13e4c60 { |
| | | width: 40rpx; |
| | | } |
| | | .top-gradient-bg.data-v-c13e4c60 { |
| | | position: absolute; |
| | | left: 0; |
| | | top: 0; |
| | | width: 100%; |
| | | height: 480rpx; |
| | | background: linear-gradient(180deg, #15b9f7 0%, #f7f7f7 100%); |
| | | z-index: 0; |
| | | } |
| | | .mode-tabs.data-v-c13e4c60 { |
| | | height: 88rpx; |
| | | background: #ffffff; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | position: relative; |
| | | z-index: 1; |
| | | border-bottom: 1rpx solid #f0f0f0; |
| | | } |
| | | .mode-tab.data-v-c13e4c60 { |
| | | position: relative; |
| | | width: 50%; |
| | | text-align: center; |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #9097a3; |
| | | } |
| | | .mode-tab.active.data-v-c13e4c60 { |
| | | color: #222222; |
| | | } |
| | | .mode-line.data-v-c13e4c60 { |
| | | position: absolute; |
| | | left: 50%; |
| | | bottom: -28rpx; |
| | | width: 40rpx; |
| | | height: 6rpx; |
| | | border-radius: 6rpx; |
| | | background: #18b5ff; |
| | | -webkit-transform: translateX(-50%); |
| | | transform: translateX(-50%); |
| | | } |
| | | .page-scroll.data-v-c13e4c60 { |
| | | position: relative; |
| | | height: calc(100vh - 88rpx - 186rpx - env(safe-area-inset-bottom)); |
| | | } |
| | | .page-content.data-v-c13e4c60 { |
| | | padding: 22rpx 30rpx; |
| | | box-sizing: border-box; |
| | | } |
| | | .store-popup-wrap.data-v-c13e4c60 { |
| | | background: #ffffff; |
| | | border-radius: 24rpx 24rpx 0 0; |
| | | padding: 0 30rpx 16rpx 30rpx; |
| | | box-sizing: border-box; |
| | | } |
| | | .store-popup-head.data-v-c13e4c60 { |
| | | position: relative; |
| | | height: 96rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .store-popup-title.data-v-c13e4c60 { |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #222222; |
| | | } |
| | | .store-popup-close.data-v-c13e4c60 { |
| | | position: absolute; |
| | | right: 0; |
| | | top: 50%; |
| | | -webkit-transform: translateY(-50%); |
| | | transform: translateY(-50%); |
| | | width: 56rpx; |
| | | height: 56rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .store-search-bar.data-v-c13e4c60 { |
| | | height: 74rpx; |
| | | padding: 0 20rpx; |
| | | background: #f6f8fc; |
| | | border-radius: 14rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .store-search-icon.data-v-c13e4c60 { |
| | | width: 32rpx; |
| | | height: 32rpx; |
| | | margin-right: 16rpx; |
| | | } |
| | | .store-search-input.data-v-c13e4c60 { |
| | | flex: 1; |
| | | height: 74rpx; |
| | | font-size: 26rpx; |
| | | color: #333333; |
| | | background: transparent; |
| | | } |
| | | .store-search-placeholder.data-v-c13e4c60 { |
| | | font-size: 26rpx; |
| | | color: #c1c6d0; |
| | | } |
| | | .store-list-scroll.data-v-c13e4c60 { |
| | | max-height: 60vh; |
| | | min-height: 50vh; |
| | | margin-top: 30rpx; |
| | | } |
| | | .store-option.data-v-c13e4c60 { |
| | | position: relative; |
| | | padding: 30rpx; |
| | | box-sizing: border-box; |
| | | margin-bottom: 20rpx; |
| | | border-radius: 16rpx; |
| | | background: #F6F9FF; |
| | | border: 2rpx solid transparent; |
| | | box-sizing: border-box; |
| | | } |
| | | .store-option.active.data-v-c13e4c60 { |
| | | background: #eef9ff; |
| | | border-color: #10B2FA; |
| | | } |
| | | .store-option-main.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .store-thumb.data-v-c13e4c60 { |
| | | width: 140rpx; |
| | | height: 140rpx; |
| | | border-radius: 8rpx; |
| | | background: #e8edf5; |
| | | margin-right: 30rpx; |
| | | flex-shrink: 0; |
| | | overflow: hidden; |
| | | } |
| | | .store-option-copy.data-v-c13e4c60 { |
| | | flex: 1; |
| | | min-width: 0; |
| | | } |
| | | .store-option-head.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: flex-start; |
| | | justify-content: space-between; |
| | | gap: 12rpx; |
| | | } |
| | | .store-option-name.data-v-c13e4c60 { |
| | | flex: 1; |
| | | font-size: 34rpx; |
| | | font-weight: 600; |
| | | line-height: 1.35; |
| | | color: #222222; |
| | | } |
| | | .store-option-distance.data-v-c13e4c60 { |
| | | font-size: 26rpx; |
| | | color: #9ea4af; |
| | | flex-shrink: 0; |
| | | } |
| | | .store-option-address-row.data-v-c13e4c60 { |
| | | margin-top: 8rpx; |
| | | display: flex; |
| | | align-items: flex-start; |
| | | flex-wrap: wrap; |
| | | } |
| | | .store-option-address-icon.data-v-c13e4c60 { |
| | | flex-shrink: 0; |
| | | width: 24rpx; |
| | | height: 24rpx; |
| | | margin-right: 4rpx; |
| | | margin-top: 6rpx; |
| | | } |
| | | .store-option-address.data-v-c13e4c60 { |
| | | flex: 1; |
| | | font-size: 26rpx; |
| | | color: #9ea4af; |
| | | } |
| | | .store-option-time.data-v-c13e4c60 { |
| | | display: block; |
| | | margin-top: 8rpx; |
| | | font-size: 26rpx; |
| | | color: #9ea4af; |
| | | } |
| | | .store-check.data-v-c13e4c60 { |
| | | position: absolute; |
| | | right: 18rpx; |
| | | bottom: 18rpx; |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .store-check image.data-v-c13e4c60 { |
| | | width: 100%; |
| | | } |
| | | .store-confirm-btn.data-v-c13e4c60 { |
| | | height: 74rpx; |
| | | margin-top: 20rpx; |
| | | border-radius: 37rpx; |
| | | background: linear-gradient(90deg, #1db6ff 0%, #16a9fa 100%); |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-size: 32rpx; |
| | | font-weight: 600; |
| | | color: #ffffff; |
| | | } |
| | | .cell-card.data-v-c13e4c60, |
| | | .section-card.data-v-c13e4c60 { |
| | | background: #ffffff; |
| | | border-radius: 16rpx; |
| | | } |
| | | .service-point-card.data-v-c13e4c60 { |
| | | padding: 30rpx; |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | align-items: flex-start; |
| | | justify-content: space-between; |
| | | border-radius: 16rpx; |
| | | } |
| | | .cell-left.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: flex-start; |
| | | min-width: 0; |
| | | } |
| | | .store-cell-copy.data-v-c13e4c60 { |
| | | min-width: 0; |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: center; |
| | | } |
| | | .store-cell-copy-addr1.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: baseline; |
| | | } |
| | | .store-cell-copy-addr1 image.data-v-c13e4c60 { |
| | | width: 24rpx; |
| | | height: 24rpx; |
| | | margin-right: 4rpx; |
| | | } |
| | | .store-cell-copy-addr.data-v-c13e4c60 { |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | .store-cell-copy-addr .store-cell-subtitle-container.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .store-cell-copy-addr .store-cell-subtitle-container image.data-v-c13e4c60 { |
| | | flex-shrink: 0; |
| | | width: 24rpx; |
| | | height: 24rpx; |
| | | margin-right: 4rpx; |
| | | } |
| | | .with-icon .cell-icon.data-v-c13e4c60 { |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | margin-right: 16rpx; |
| | | } |
| | | .cell-title.data-v-c13e4c60 { |
| | | font-weight: 600; |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | | line-height: 1.3; |
| | | } |
| | | .cell-title.placeholder.data-v-c13e4c60 { |
| | | color: #9097a3; |
| | | font-weight: 400; |
| | | } |
| | | .store-cell-subtitle.data-v-c13e4c60 { |
| | | margin-top: 8rpx; |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #999999; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | .address-card.data-v-c13e4c60 { |
| | | padding: 32rpx 30rpx; |
| | | box-sizing: border-box; |
| | | margin-top: 0 !important; |
| | | } |
| | | .address-row.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | margin-bottom: 42rpx; |
| | | } |
| | | .address-row.data-v-c13e4c60:last-child { |
| | | margin-bottom: 0 !important; |
| | | } |
| | | .address-left.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: flex-start; |
| | | min-width: 0; |
| | | } |
| | | .address-badge.data-v-c13e4c60 { |
| | | width: 38rpx; |
| | | height: 38rpx; |
| | | border-radius: 19rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-size: 22rpx; |
| | | font-weight: 600; |
| | | color: #ffffff; |
| | | margin-right: 18rpx; |
| | | flex-shrink: 0; |
| | | } |
| | | .address-badge.send.data-v-c13e4c60 { |
| | | background: #2ab6ff; |
| | | } |
| | | .address-badge.receive.data-v-c13e4c60 { |
| | | background: #ff9528; |
| | | } |
| | | .address-copy.data-v-c13e4c60 { |
| | | min-width: 0; |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: center; |
| | | } |
| | | .address-title.data-v-c13e4c60 { |
| | | font-weight: 600; |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | | } |
| | | .address-desc.data-v-c13e4c60 { |
| | | margin-top: 10rpx; |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #999999; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | .section-card.data-v-c13e4c60 { |
| | | margin-top: 16rpx; |
| | | overflow: hidden; |
| | | } |
| | | .info-card.data-v-c13e4c60, |
| | | .time-card.data-v-c13e4c60, |
| | | .simple-card.data-v-c13e4c60 { |
| | | padding: 0 30rpx; |
| | | box-sizing: border-box; |
| | | } |
| | | .section-head.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | padding: 24rpx 0 12rpx; |
| | | } |
| | | .section-head.between.data-v-c13e4c60 { |
| | | justify-content: space-between; |
| | | } |
| | | .arrow-head.data-v-c13e4c60 { |
| | | align-items: center; |
| | | } |
| | | .section-title.data-v-c13e4c60 { |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #222222; |
| | | } |
| | | .section-desc.data-v-c13e4c60, |
| | | .section-required.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #999999; |
| | | } |
| | | .price-note.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | font-size: 22rpx; |
| | | color: #ff8a32; |
| | | } |
| | | .price-note-icon.data-v-c13e4c60 { |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | | margin-right: 10rpx; |
| | | } |
| | | .required-wrap.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 8rpx; |
| | | } |
| | | .form-row.data-v-c13e4c60 { |
| | | height: 104rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | border-bottom: 1rpx solid #E5E5E5; |
| | | } |
| | | .form-row.no-border.data-v-c13e4c60 { |
| | | border-bottom: none; |
| | | } |
| | | .form-row.dashed-row.data-v-c13e4c60 { |
| | | border-bottom: 1rpx dashed #d8d8d8; |
| | | } |
| | | .form-label.data-v-c13e4c60 { |
| | | font-weight: 500; |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | | } |
| | | .form-value-wrap.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 8rpx; |
| | | flex: 1; |
| | | justify-content: flex-end; |
| | | } |
| | | .form-value-text.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | color: #333333; |
| | | } |
| | | .form-value-placeholder.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | color: #B2B2B2; |
| | | } |
| | | .form-input.data-v-c13e4c60 { |
| | | flex: 1; |
| | | height: 88rpx; |
| | | text-align: right; |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | color: #333333; |
| | | background: transparent; |
| | | } |
| | | .filled-input.data-v-c13e4c60 { |
| | | color: #333333; |
| | | } |
| | | .input-placeholder.data-v-c13e4c60, |
| | | .placeholder-text.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | color: #B2B2B2; |
| | | } |
| | | .picker-value-text.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | color: #333333; |
| | | } |
| | | .row-picker.data-v-c13e4c60, |
| | | .end-wrap.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: flex-end; |
| | | gap: 8rpx; |
| | | flex: 1; |
| | | } |
| | | .luggage-card.data-v-c13e4c60 { |
| | | padding: 0 16rpx 16rpx; |
| | | } |
| | | .luggage-item.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: flex-end; |
| | | justify-content: space-between; |
| | | padding: 24rpx; |
| | | box-sizing: border-box; |
| | | margin-top: 20rpx; |
| | | border-radius: 16rpx; |
| | | background: #fafafa; |
| | | border: 2rpx solid transparent; |
| | | } |
| | | .luggage-item.active.data-v-c13e4c60 { |
| | | background: #f5fbff; |
| | | border-color: #28aef8; |
| | | } |
| | | .luggage-info.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | min-width: 0; |
| | | } |
| | | .luggage-image.data-v-c13e4c60 { |
| | | width: 100rpx; |
| | | height: 100rpx; |
| | | border-radius: 8rpx; |
| | | margin-right: 18rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | background: #f0f1f4; |
| | | overflow: hidden; |
| | | margin-right: 24rpx; |
| | | } |
| | | .luggage-copy.data-v-c13e4c60 { |
| | | height: 100rpx; |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: space-between; |
| | | } |
| | | .luggage-name.data-v-c13e4c60 { |
| | | font-size: 30rpx; |
| | | font-weight: 500; |
| | | color: #333333; |
| | | } |
| | | .luggage-size.data-v-c13e4c60 { |
| | | margin-top: 8rpx; |
| | | font-size: 22rpx; |
| | | color: #b7bcc5; |
| | | } |
| | | .luggage-stepper.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 18rpx; |
| | | } |
| | | .step-btn.data-v-c13e4c60 { |
| | | width: 44rpx; |
| | | height: 44rpx; |
| | | } |
| | | .step-count.data-v-c13e4c60 { |
| | | font-size: 28rpx; |
| | | color: #555555; |
| | | } |
| | | .goods-card.data-v-c13e4c60 { |
| | | padding: 0 24rpx 24rpx; |
| | | } |
| | | .upload-box.data-v-c13e4c60 { |
| | | width: 144rpx; |
| | | height: 144rpx; |
| | | } |
| | | .goods-upload-row.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | flex-wrap: wrap; |
| | | gap: 12rpx; |
| | | margin-top: 8rpx; |
| | | } |
| | | .uploaded-box.data-v-c13e4c60 { |
| | | width: 144rpx; |
| | | height: 144rpx; |
| | | border-radius: 8rpx; |
| | | overflow: hidden; |
| | | position: relative; |
| | | background: #f2f4f8; |
| | | } |
| | | .uploaded-image.data-v-c13e4c60 { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | .uploaded-delete.data-v-c13e4c60 { |
| | | position: absolute; |
| | | left: 0; |
| | | right: 0; |
| | | bottom: 0; |
| | | height: 40rpx; |
| | | line-height: 40rpx; |
| | | text-align: center; |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #FFFFFF; |
| | | background: rgba(0, 0, 0, 0.5); |
| | | border-radius: 0rpx 0rpx 8rpx 8rpx; |
| | | } |
| | | .service-time-card.data-v-c13e4c60 { |
| | | padding: 0 24rpx 24rpx; |
| | | box-sizing: border-box; |
| | | } |
| | | .service-time-item.data-v-c13e4c60 { |
| | | height: 88rpx; |
| | | margin-top: 20rpx; |
| | | padding: 0 30rpx; |
| | | border-radius: 14rpx; |
| | | background: #f6f6f6; |
| | | border: 2rpx solid transparent; |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | } |
| | | .service-time-item.active.data-v-c13e4c60 { |
| | | background: #eef9ff; |
| | | border-color: #10B2FA; |
| | | } |
| | | .service-time-name.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .service-time-name text.data-v-c13e4c60:nth-child(1) { |
| | | font-weight: 600; |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | | } |
| | | .service-time-name text.data-v-c13e4c60:nth-child(2) { |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #222222; |
| | | } |
| | | .service-time-price.data-v-c13e4c60 { |
| | | font-weight: 600; |
| | | font-size: 30rpx; |
| | | color: #FF0000; |
| | | } |
| | | .upload-icon.data-v-c13e4c60 { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | .upload-text.data-v-c13e4c60 { |
| | | font-size: 22rpx; |
| | | color: #b0b5be; |
| | | } |
| | | .goods-required-text.data-v-c13e4c60 { |
| | | max-width: 300rpx; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | } |
| | | .goods-popup-wrap.data-v-c13e4c60 { |
| | | background: #ffffff; |
| | | border-radius: 24rpx 24rpx 0 0; |
| | | padding: 0 30rpx; |
| | | box-sizing: border-box; |
| | | } |
| | | .goods-popup-head.data-v-c13e4c60 { |
| | | position: relative; |
| | | height: 96rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .goods-popup-title.data-v-c13e4c60 { |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #222222; |
| | | } |
| | | .goods-popup-close.data-v-c13e4c60 { |
| | | position: absolute; |
| | | right: 0; |
| | | top: 50%; |
| | | -webkit-transform: translateY(-50%); |
| | | transform: translateY(-50%); |
| | | width: 56rpx; |
| | | height: 56rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .goods-popup-top.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | } |
| | | .goods-popup-title-row.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .goods-main-title.data-v-c13e4c60 { |
| | | font-weight: bold; |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | | } |
| | | .goods-main-required.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #FF0000; |
| | | } |
| | | .goods-danger-tip.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #FA8010; |
| | | } |
| | | .goods-danger-icon.data-v-c13e4c60 { |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | | margin-right: 10rpx; |
| | | } |
| | | .goods-popup-desc.data-v-c13e4c60 { |
| | | display: block; |
| | | margin-top: 18rpx; |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #999999; |
| | | } |
| | | .goods-tag-grid.data-v-c13e4c60 { |
| | | display: grid; |
| | | grid-template-columns: repeat(3, 1fr); |
| | | gap: 18rpx 16rpx; |
| | | margin-top: 28rpx; |
| | | } |
| | | .goods-tag.data-v-c13e4c60 { |
| | | height: 72rpx; |
| | | background: #F7F7F7; |
| | | border-radius: 36rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-size: 28rpx; |
| | | font-weight: 500; |
| | | color: #333333; |
| | | border: 2rpx solid transparent; |
| | | white-space: nowrap; |
| | | /* 鲿¢ææ¬æ¢è¡ */ |
| | | overflow: hidden; |
| | | /* éèæº¢åºçå
容 */ |
| | | text-overflow: ellipsis; |
| | | /* æ¾ç¤ºçç¥å·æ¥ä»£è¡¨è¢«ä¿®åªçææ¬ */ |
| | | box-sizing: border-box; |
| | | } |
| | | .goods-tag.active.data-v-c13e4c60 { |
| | | background: #ecf8ff; |
| | | border-color: #10B2FA; |
| | | color: #10B2FA; |
| | | } |
| | | .goods-save-btn.data-v-c13e4c60 { |
| | | height: 88rpx; |
| | | background: #10B2FA; |
| | | border-radius: 44rpx; |
| | | margin: 46rpx 0 0; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-weight: bold; |
| | | font-size: 32rpx; |
| | | color: #FFFFFF; |
| | | } |
| | | .amount-popup-wrap.data-v-c13e4c60 { |
| | | background: #ffffff; |
| | | border-radius: 24rpx 24rpx 0 0; |
| | | overflow: hidden; |
| | | } |
| | | .amount-popup-head.data-v-c13e4c60 { |
| | | position: relative; |
| | | height: 96rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .amount-popup-title.data-v-c13e4c60 { |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #222222; |
| | | } |
| | | .amount-popup-close.data-v-c13e4c60 { |
| | | position: absolute; |
| | | right: 24rpx; |
| | | top: 50%; |
| | | -webkit-transform: translateY(-50%); |
| | | transform: translateY(-50%); |
| | | width: 56rpx; |
| | | height: 56rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .amount-popup-content.data-v-c13e4c60 { |
| | | padding: 8rpx 0 12rpx; |
| | | } |
| | | .amount-row.data-v-c13e4c60 { |
| | | height: 80rpx; |
| | | padding: 0 30rpx; |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | } |
| | | .amount-row-left.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .amount-row-label.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | | } |
| | | .amount-row-count.data-v-c13e4c60 { |
| | | margin-left: 18rpx; |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | | } |
| | | .amount-row-value.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | | } |
| | | .amount-row-right.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 8rpx; |
| | | } |
| | | .amount-row-placeholder.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #999999; |
| | | } |
| | | .amount-row-discount.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #FF4D4F; |
| | | } |
| | | .popup-agreement-bar.data-v-c13e4c60 { |
| | | margin-top: 12rpx; |
| | | } |
| | | .popup-action-row.data-v-c13e4c60 { |
| | | padding-bottom: calc(16rpx + env(safe-area-inset-bottom)); |
| | | } |
| | | .money-input.data-v-c13e4c60 { |
| | | max-width: 260rpx; |
| | | } |
| | | .insurance-wrap.data-v-c13e4c60 { |
| | | gap: 10rpx; |
| | | } |
| | | .unit-text.data-v-c13e4c60 { |
| | | font-size: 28rpx; |
| | | color: #666666; |
| | | } |
| | | .insurance-tip-row.data-v-c13e4c60 { |
| | | height: 48rpx; |
| | | padding-bottom: 14rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | font-size: 22rpx; |
| | | } |
| | | .insurance-tip-label.data-v-c13e4c60 { |
| | | color: #999999; |
| | | } |
| | | .insurance-tip-warning.data-v-c13e4c60 { |
| | | color: #ff4d4f; |
| | | font-size: 22rpx; |
| | | font-weight: 400; |
| | | } |
| | | .insurance-tip-value.data-v-c13e4c60 { |
| | | margin-left: 8rpx; |
| | | color: #ff4d4f; |
| | | } |
| | | .agreement-bar.data-v-c13e4c60 { |
| | | height: 80rpx; |
| | | padding: 0 16rpx; |
| | | background: #d9f3ff; |
| | | display: flex; |
| | | align-items: center; |
| | | flex-wrap: wrap; |
| | | font-size: 22rpx; |
| | | box-sizing: border-box; |
| | | } |
| | | .agreement-icon.data-v-c13e4c60 { |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | margin-right: 16rpx; |
| | | } |
| | | .agreement-text.data-v-c13e4c60 { |
| | | color: #7c8e97; |
| | | } |
| | | .agreement-link.data-v-c13e4c60 { |
| | | color: #10b2fa; |
| | | } |
| | | .bottom-bar.data-v-c13e4c60 { |
| | | position: fixed; |
| | | left: 0; |
| | | right: 0; |
| | | bottom: 0; |
| | | z-index: 1; |
| | | padding: 0 0 env(safe-area-inset-bottom); |
| | | background: #ffffff; |
| | | box-sizing: border-box; |
| | | box-shadow: 0 -6rpx 18rpx rgba(0, 0, 0, 0.05); |
| | | } |
| | | .bottom-action-row.data-v-c13e4c60 { |
| | | height: 112rpx; |
| | | padding: 16rpx 20rpx; |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | } |
| | | .total-wrap.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: baseline; |
| | | gap: 8rpx; |
| | | } |
| | | .total-label.data-v-c13e4c60, |
| | | .detail-text.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 26rpx; |
| | | color: #999999; |
| | | } |
| | | .detail-click.data-v-c13e4c60 { |
| | | padding: 6rpx 0; |
| | | } |
| | | .total-price.data-v-c13e4c60 { |
| | | font-weight: 600; |
| | | font-size: 36rpx; |
| | | color: #FF0000; |
| | | } |
| | | .submit-btn.data-v-c13e4c60 { |
| | | width: 240rpx; |
| | | height: 88rpx; |
| | | border-radius: 44rpx; |
| | | background: #d9d9d9; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-weight: bold; |
| | | font-size: 32rpx; |
| | | color: #FFFFFF; |
| | | } |
| | | .active-submit-btn.data-v-c13e4c60 { |
| | | background: #10B2FA; |
| | | } |
| | | /* 伿 å¸å¼¹çªæ ·å¼ */ |
| | | .coupon-popup-wrap.data-v-c13e4c60 { |
| | | background: #ffffff; |
| | | border-radius: 24rpx 24rpx 0 0; |
| | | padding: 0 30rpx 16rpx 30rpx; |
| | | box-sizing: border-box; |
| | | } |
| | | .coupon-popup-head.data-v-c13e4c60 { |
| | | position: relative; |
| | | height: 96rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .coupon-popup-title.data-v-c13e4c60 { |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #222222; |
| | | } |
| | | .coupon-popup-close.data-v-c13e4c60 { |
| | | position: absolute; |
| | | right: 0; |
| | | top: 50%; |
| | | -webkit-transform: translateY(-50%); |
| | | transform: translateY(-50%); |
| | | width: 56rpx; |
| | | height: 56rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .coupon-list-scroll.data-v-c13e4c60 { |
| | | max-height: 60vh; |
| | | min-height: 20vh; |
| | | padding-bottom: 20rpx; |
| | | } |
| | | .coupon-list-scroll-wu.data-v-c13e4c60 { |
| | | width: 100%; |
| | | height: 20vh; |
| | | line-height: 20vh; |
| | | text-align: center; |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #999999; |
| | | } |
| | | .coupon-item.data-v-c13e4c60 { |
| | | background: #F7F8FA; |
| | | border-radius: 16rpx; |
| | | padding: 24rpx; |
| | | margin-bottom: 16rpx; |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 20rpx; |
| | | border: 2rpx solid transparent; |
| | | transition: all 0.3s; |
| | | } |
| | | .coupon-item-top.data-v-c13e4c60 { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: flex-start; |
| | | } |
| | | .coupon-item-bottom.data-v-c13e4c60 { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | .coupon-divider.data-v-c13e4c60 { |
| | | height: 1rpx; |
| | | background: repeating-linear-gradient(to right, #CCCCCC 0, #CCCCCC 8rpx, transparent 8rpx, transparent 16rpx); |
| | | margin: 12rpx 0; |
| | | } |
| | | .coupon-item.active.data-v-c13e4c60 { |
| | | background: #E6F7FF; |
| | | border-color: #1890FF; |
| | | } |
| | | .coupon-item-left.data-v-c13e4c60 { |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 12rpx; |
| | | } |
| | | .coupon-name.data-v-c13e4c60 { |
| | | font-weight: 500; |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | | } |
| | | .coupon-validity.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #999999; |
| | | } |
| | | .coupon-usage.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 8rpx; |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #666666; |
| | | } |
| | | .coupon-usage-label.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #666666; |
| | | } |
| | | .coupon-usage-text.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #666666; |
| | | line-height: 1.5; |
| | | } |
| | | .coupon-item-right.data-v-c13e4c60 { |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: flex-end; |
| | | gap: 12rpx; |
| | | } |
| | | .coupon-amount.data-v-c13e4c60 { |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #FF4D4F; |
| | | } |
| | | .coupon-desc.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 22rpx; |
| | | color: #FF4D4F; |
| | | border-radius: 12rpx; |
| | | } |
| | | .coupon-confirm-btn-wrap.data-v-c13e4c60 { |
| | | padding: 24rpx 0; |
| | | } |
| | | .coupon-confirm-btn.data-v-c13e4c60 { |
| | | height: 88rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-weight: bold; |
| | | font-size: 32rpx; |
| | | color: #FFFFFF; |
| | | border-radius: 44rpx; |
| | | } |
| | | .coupon-value-red.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #FF4D4F; |
| | | } |
| | | |