.order-submit.data-v-c3fa8b8a { min-height: 100vh; background: #f5f5f5; padding-bottom: 140rpx; } /* 导航栏 */ .navbar.data-v-c3fa8b8a { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: linear-gradient(135deg, #FFCFDE 0%, #FFA6C4 100%); } .navbar__content.data-v-c3fa8b8a { display: flex; align-items: center; justify-content: space-between; padding: 0 24rpx; } .navbar__back.data-v-c3fa8b8a { padding: 10rpx; } .navbar__back-icon.data-v-c3fa8b8a { width: 40rpx; height: 40rpx; } .navbar__title.data-v-c3fa8b8a { font-size: 34rpx; font-weight: 600; color: #000; } .navbar__placeholder.data-v-c3fa8b8a { width: 60rpx; } /* 公司地址 */ .address-section.data-v-c3fa8b8a { background: #fff; margin: 16rpx 24rpx; padding: 24rpx; border-radius: 16rpx; } .address-section__header.data-v-c3fa8b8a { display: flex; align-items: center; margin-bottom: 16rpx; } .address-section__icon.data-v-c3fa8b8a { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .address-section__title.data-v-c3fa8b8a { font-size: 28rpx; color: #e91e63; font-weight: 600; } .address-section__content.data-v-c3fa8b8a { display: flex; flex-direction: column; gap: 8rpx; } .address-section__name.data-v-c3fa8b8a { font-size: 28rpx; color: #333; font-weight: 600; } .address-section__detail.data-v-c3fa8b8a, .address-section__phone.data-v-c3fa8b8a, .address-section__contact.data-v-c3fa8b8a { font-size: 24rpx; color: #666; line-height: 36rpx; } /* 您的信息 */ .info-section.data-v-c3fa8b8a { background: #fff; margin: 0 24rpx 16rpx; padding: 24rpx; border-radius: 16rpx; } .info-section__header.data-v-c3fa8b8a { display: flex; align-items: center; margin-bottom: 20rpx; } .info-section__icon.data-v-c3fa8b8a { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .info-section__title.data-v-c3fa8b8a { font-size: 28rpx; color: #e91e63; font-weight: 600; margin-right: 12rpx; } .info-section__subtitle.data-v-c3fa8b8a { font-size: 24rpx; color: #999; } .form-item.data-v-c3fa8b8a { display: flex; align-items: center; padding: 20rpx 0; border-bottom: 1rpx solid #f0f0f0; } .form-item.data-v-c3fa8b8a:last-child { border-bottom: none; } .form-item__label.data-v-c3fa8b8a { font-size: 26rpx; color: #333; width: 100rpx; flex-shrink: 0; } .form-item__label.required.data-v-c3fa8b8a::before { content: '*'; color: #e91e63; margin-right: 4rpx; } .form-item__input.data-v-c3fa8b8a { flex: 1; font-size: 26rpx; color: #333; } /* 发货时间 */ .delivery-section.data-v-c3fa8b8a { background: #fff; margin: 0 24rpx 16rpx; padding: 24rpx; border-radius: 16rpx; } .delivery-section__header.data-v-c3fa8b8a { display: flex; align-items: center; margin-bottom: 12rpx; } .delivery-section__icon.data-v-c3fa8b8a { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .delivery-section__title.data-v-c3fa8b8a { font-size: 28rpx; color: #e91e63; font-weight: 600; } .delivery-section__content.data-v-c3fa8b8a { font-size: 24rpx; color: #e91e63; line-height: 36rpx; } /* 商品列表 */ .product-section.data-v-c3fa8b8a { background: #fff; margin: 0 24rpx 16rpx; padding: 24rpx; border-radius: 16rpx; } .product-item.data-v-c3fa8b8a { display: flex; gap: 20rpx; } .product-item__img.data-v-c3fa8b8a { width: 160rpx; height: 160rpx; border-radius: 12rpx; flex-shrink: 0; background: #f5f5f5; } .product-item__info.data-v-c3fa8b8a { flex: 1; display: flex; flex-direction: column; } .product-item__name.data-v-c3fa8b8a { font-size: 28rpx; color: #333; font-weight: 600; margin-bottom: 8rpx; } .product-item__specs.data-v-c3fa8b8a { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8rpx; margin-bottom: 12rpx; } .product-item__spec.data-v-c3fa8b8a { font-size: 22rpx; color: #666; } .product-item__price.data-v-c3fa8b8a { font-size: 30rpx; color: #e91e63; font-weight: 700; } /* 协议 */ .agreement.data-v-c3fa8b8a { background: #fffbe6; margin: 0 24rpx 16rpx; padding: 20rpx 24rpx; border-radius: 16rpx; display: flex; align-items: center; } .agreement__checkbox.data-v-c3fa8b8a { width: 32rpx; height: 32rpx; margin-right: 12rpx; flex-shrink: 0; } .agreement__text.data-v-c3fa8b8a { font-size: 24rpx; color: #333; line-height: 36rpx; } /* 底部提交栏 */ .submit-bar.data-v-c3fa8b8a { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; padding: 16rpx 24rpx; box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05); display: flex; align-items: center; justify-content: space-between; } .submit-bar__left.data-v-c3fa8b8a { display: flex; align-items: baseline; } .submit-bar__label.data-v-c3fa8b8a { font-size: 26rpx; color: #333; } .submit-bar__price.data-v-c3fa8b8a { font-size: 36rpx; color: #e91e63; font-weight: 700; } .submit-bar__btn.data-v-c3fa8b8a { background: linear-gradient(135deg, #FF6D9B, #FF4081); color: #fff; padding: 20rpx 60rpx; border-radius: 44rpx; font-size: 28rpx; font-weight: 600; } .submit-bar__btn--disabled.data-v-c3fa8b8a { background: #ccc; pointer-events: none; }