Files
xingque/styles/shangjia-xym-form.wxss

257 lines
5.9 KiB
Plaintext

/* 商家发单页 - 逍遥梦 addorder 风格(常规单/自定义单共用) */
.sj-form-page,
.page.sj-form-theme,
.page-container.sj-form-theme {
min-height: 100vh;
padding: 24rpx;
padding-bottom: 160rpx;
box-sizing: border-box;
background: linear-gradient(180deg, #f7dc51 0%, #f5f5f5 18%, #f5f5f5 100%);
}
.sj-form-theme .balance-card {
background: #fef6d4 !important;
border-radius: 26rpx !important;
padding: 28rpx 24rpx !important;
margin-bottom: 20rpx !important;
text-align: center !important;
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06) !important;
border: none !important;
backdrop-filter: none !important;
position: relative !important;
overflow: visible !important;
}
.sj-form-theme .balance-card::before {
display: none !important;
}
.sj-form-theme .balance-label {
font-size: 26rpx !important;
color: #666 !important;
}
.sj-form-theme .balance-value,
.sj-form-theme .amount-value {
font-size: 48rpx !important;
font-weight: 700 !important;
color: #222 !important;
text-shadow: none !important;
animation: none !important;
}
.sj-form-theme .balance-unit,
.sj-form-theme .amount-unit {
font-size: 28rpx !important;
color: #666 !important;
}
.sj-form-theme .balance-tip {
font-size: 22rpx !important;
color: #999 !important;
}
.sj-form-theme .balance-row,
.sj-form-theme .balance-amount {
justify-content: center !important;
}
.sj-form-theme .card,
.sj-form-theme .section {
background: #fdfcfa !important;
border-radius: 20rpx !important;
padding: 24rpx !important;
margin-bottom: 20rpx !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06) !important;
border: none !important;
}
.sj-form-theme .card-header,
.sj-form-theme .section-title {
margin-bottom: 16rpx !important;
padding-left: 0 !important;
border-left: none !important;
text-shadow: none !important;
}
.sj-form-theme .card-dot {
background: #ffd061 !important;
}
.sj-form-theme .card-title,
.sj-form-theme .section-title {
font-size: 30rpx !important;
font-weight: 700 !important;
color: #222 !important;
}
.sj-form-theme .type-chip,
.sj-form-theme .type-item {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 12rpx 24rpx !important;
margin-right: 16rpx !important;
border-radius: 30rpx !important;
background: #f5f5f5 !important;
border: none !important;
font-size: 26rpx !important;
color: #666 !important;
opacity: 1 !important;
transform: none !important;
box-shadow: none !important;
backdrop-filter: none !important;
height: auto !important;
min-height: 64rpx !important;
}
.sj-form-theme .type-chip--active,
.sj-form-theme .type-active {
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
color: #492f00 !important;
font-weight: 700 !important;
border: none !important;
transform: none !important;
box-shadow: 0 4rpx 12rpx rgba(255, 208, 97, 0.35) !important;
}
.sj-form-theme .type-text {
color: inherit !important;
}
.sj-form-theme .field {
padding: 20rpx 0 !important;
border-bottom: 1rpx dashed #eee !important;
}
.sj-form-theme .field-label {
font-size: 28rpx !important;
color: #333 !important;
}
.sj-form-theme .field-input {
font-size: 28rpx !important;
color: #333 !important;
background: transparent !important;
}
.sj-form-theme .field-required {
color: #f00 !important;
}
.sj-form-theme .field-hint,
.sj-form-theme .field-optional {
color: #999 !important;
font-size: 22rpx !important;
}
.sj-form-theme .field-picker {
background: #f5f5f5 !important;
border-radius: 12rpx !important;
color: #333 !important;
}
.sj-form-theme .price-prefix {
color: #333 !important;
}
.sj-form-theme .price-input {
color: #333 !important;
}
.sj-form-theme .submit-btn {
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
color: #492f00 !important;
border-radius: 44rpx !important;
font-weight: 700 !important;
box-shadow: 0 6rpx 16rpx rgba(255, 208, 97, 0.35) !important;
}
.sj-form-theme .submit-bar {
background: rgba(255, 255, 255, 0.96) !important;
border-top: 1rpx solid #eee !important;
}
.sj-form-theme switch {
color: #ffd061 !important;
}
.sj-form-theme .search-section {
margin-bottom: 20rpx !important;
}
.sj-form-theme .search-box {
background: #fff !important;
border: 1rpx solid #eee !important;
border-radius: 50rpx !important;
box-shadow: none !important;
}
.sj-form-theme .search-input {
color: #333 !important;
}
.sj-form-theme .search-icon {
color: #999 !important;
}
.sj-form-theme .search-btn {
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
box-shadow: none !important;
}
.sj-form-theme .search-btn-text {
color: #492f00 !important;
}
.sj-form-theme .filter-row,
.sj-form-theme .filter-item {
color: #666 !important;
}
.sj-form-theme .filter-input,
.sj-form-theme .picker-view {
background: #f5f5f5 !important;
color: #333 !important;
border-radius: 8rpx !important;
}
.sj-form-theme .template-card {
background: #fdfcfa !important;
border: 1rpx solid rgba(0, 0, 0, 0.06) !important;
border-radius: 20rpx !important;
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06) !important;
}
.sj-form-theme .intro-text,
.sj-form-theme .template-price-label,
.sj-form-theme .template-price-value {
color: #333 !important;
}
.sj-form-theme .generate-grid-btn,
.sj-form-theme .copy-grid-btn,
.sj-form-theme .action-grid-btn {
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
color: #492f00 !important;
border: 2rpx solid #fff !important;
box-shadow: none !important;
}
.sj-form-theme .template-section,
.sj-form-theme .template-scroll {
background: transparent !important;
}
.sj-form-theme .empty-tip,
.sj-form-theme .loading-text {
color: #999 !important;
}
.sj-form-theme .tutorial-btn {
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
color: #492f00 !important;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1) !important;
}