qianniaoMp/static/theme/theme.scss

/* 热情红 */
.qn-page-red {
	.primary-color,
	.rmb-icon,
	.total-price,
	.now-price,
	.ibonxuanze_xuanzhong,
	.ibongouwuche1 {
		color: #e02020 !important;
	}
	.primary-bg {
		background-color: #e02020 !important;
		color: #ffffff !important;
		border-color: #e02020 !important;
	}
	.primary-fu-bg {
		background-color: #fa6400 !important;
		color: #ffffff !important;
		border-color: #fa6400 !important;
	}
	.primary-btn {
		background: linear-gradient(to right, #ed3a3a, #e02020) !important;
		color: #ffffff !important;
	}
	.p-background-img {
		background-image: linear-gradient(90deg, #fe923e 0%, #ff3724 100%) !important;
	}
	.primary-lg {
		background: linear-gradient(139deg, #e02020 0%, #fa6400 100%) !important;
		color: #ffffff !important;
	}
	.primary-btn-pain {
		border-color: #e02020 !important;
		background-color: #ffffff !important;
		color: #e02020 !important;
	}
	// 分类
	.u-tab-item-active::before {
		border-color: #e02020 !important;
	}
	.car-f-bg {
		background: linear-gradient(136deg, #ff846c 0%, #ed3a3a 100%) !important;
	}
	// 个人中心背景
	.user-top {
		.circle-big {
			background: linear-gradient(156deg, #ec2723 20%, #cc1818 100%) !important;
			.circle-one {
				background: linear-gradient(360deg, #ff2f2f 10%, #d61a19 92%) !important;
			}
			.circle-two {
				background: linear-gradient(180deg, #fc4748 10%, #d41527 100%) !important;
			}
		}
	}
}
/* 活力橙 */
.qn-page-orange {
	.primary-color,
	.rmb-icon,
	.total-price,
	.now-price,
	.ibonxuanze_xuanzhong,
	.ibongouwuche1 {
		color: #fa6400 !important;
	}
	.primary-fu-bg {
		background-color: #393a39 !important;
		color: #ffffff !important;
		border-color: #393a39 !important;
	}
	.primary-bg {
		background-color: #fa6400 !important;
		color: #ffffff !important;
		border-color: #fa6400 !important;
	}
	.primary-btn {
		background: linear-gradient(to right, #ff6b2c, #ec2723) !important;
		color: #ffffff !important;
	}
	.p-background-img {
		background-image: linear-gradient(90deg, #fe923e 0%, #ff3724 100%) !important;
	}
	.primary-lg {
		background: linear-gradient(139deg, #fd0000 0%, #fa6400 100%) !important;
		color: #ffffff !important;
	}
	.primary-btn-pain {
		border-color: #fa6400 !important;
		background-color: #ffffff !important;
		color: #fa6400 !important;
	}
	// 分类
	.u-tab-item-active::before {
		border-color: #fa6400 !important;
	}
	.car-f-bg {
		background: linear-gradient(136deg, #fd9d00 0%, #ff846c 100%) !important;
	}
	// 个人中心背景
	.user-top {
		.circle-big {
			background: linear-gradient(156deg, #ff6b2c 20%, #ec2723 100%) !important;
			.circle-one {
				background: linear-gradient(360deg, #ff8d33 10%, #ff633b 92%) !important;
			}
			.circle-two {
				background: linear-gradient(211deg, #ff8d33 0%, #ff633b 62%) !important;
			}
		}
	}
}
/* 雅致粉 */
.qn-page-pink {
	.primary-color,
	.rmb-icon,
	.total-price,
	.now-price,
	.ibonxuanze_xuanzhong,
	.ibongouwuche1 {
		color: #ec0f67 !important;
	}
	.primary-bg {
		background-color: #ec0f67 !important;
		color: #ffffff !important;
		border-color: #ec0f67 !important;
	}
	.primary-fu-bg {
		background-color: #393a39 !important;
		color: #ffffff !important;
		border-color: #393a39 !important;
	}
	.primary-btn {
		background: linear-gradient(to right, #f172c3, #ee3584) !important;
		color: #ffffff !important;
	}
	.p-background-img {
		background-image: linear-gradient(90deg, #f172c3 0%, #ee3584 100%) !important;
	}
	.primary-lg {
		background: linear-gradient(139deg, #ee3584 0%, #f172c3 100%) !important;
		color: #ffffff !important;
	}
	.primary-btn-pain {
		border-color: #ec0f67 !important;
		background-color: #ffffff !important;
		color: #ec0f67 !important;
	}
	// 分类
	.u-tab-item-active::before {
		border-color: #ec0f67 !important;
	}
	.car-f-bg {
		background: linear-gradient(136deg, #f172c3 0%, #fa589e 100%) !important;
	}
	// 个人中心背景
	.user-top {
		.circle-big {
			background: linear-gradient(156deg, #f172c4 20%, #e03980 100%) !important;
			.circle-one {
				background: linear-gradient(360deg, #fd81cf 10%, #e74993 92%) !important;
			}
			.circle-two {
				background: linear-gradient(180deg, #ff83d2 10%, #fa589e 100%) !important;
			}
		}
	}
}
/* 格调金 */
.qn-page-gold {
	.primary-color,
	.rmb-icon,
	.total-price,
	.now-price,
	.ibonxuanze_xuanzhong,
	.ibongouwuche1 {
		color: #d8a96c !important;
	}
	.primary-bg {
		background-color: #d8a96c !important;
		color: #ffffff !important;
		border-color: #d8a96c !important;
	}
	.primary-fu-bg {
		background-color: #393a39 !important;
		color: #ffffff !important;
		border-color: #393a39 !important;
	}
	.primary-btn {
		background: linear-gradient(to right, #ffdd9a, #dca053) !important;
		color: #ffffff !important;
	}
	.p-background-img {
		background-image: linear-gradient(90deg, #ffdd9a 0%, #dca053 100%) !important;
	}
	.primary-lg {
		background: linear-gradient(139deg, #dca053 0%, #ffdd9a 100%) !important;
		color: #ffffff !important;
	}
	.primary-btn-pain {
		border-color: #d8a96c !important;
		background-color: #ffffff !important;
		color: #d8a96c !important;
	}
	// 分类
	.u-tab-item-active::before {
		border-color: #d8a96c !important;
	}
	.car-f-bg {
		background: linear-gradient(136deg, #ffe0a3 0%, #edb461 100%) !important;
	}
	// 个人中心背景
	.user-top {
		.circle-big {
			background: linear-gradient(156deg, #ffde9a 20%, #e29d42 100%) !important;
			.circle-one {
				background: linear-gradient(360deg, #f8cf82 10%, #edb461 92%) !important;
			}
			.circle-two {
				background: linear-gradient(180deg, #ffe0a3 10%, #ffc06f 100%) !important;
			}
		}
	}
}
/* 纯净绿 */
.qn-page-green {
	.primary-color,
	.rmb-icon,
	.total-price,
	.now-price,
	.ibonxuanze_xuanzhong,
	.ibongouwuche1 {
		color: #5fab2a !important;
	}
	.primary-bg {
		background-color: #5fab2a !important;
		color: #ffffff !important;
		border-color: #5fab2a !important;
	}
	.primary-fu-bg {
		background-color: #393a39 !important;
		color: #ffffff !important;
		border-color: #393a39 !important;
	}
	.primary-btn {
		background: linear-gradient(to right, #cbe25c, #70c22f) !important;
		color: #ffffff !important;
	}
	.p-background-img {
		background-image: linear-gradient(90deg, #cbe25c 0%, #70c22f 100%) !important;
	}
	.primary-lg {
		background: linear-gradient(139deg, #70c22f 0%, #cbe25c 100%) !important;
		color: #ffffff !important;
	}
	.primary-btn-pain {
		border-color: #5fab2a !important;
		background-color: #ffffff !important;
		color: #5fab2a !important;
	}
	// 分类
	.u-tab-item-active::before {
		border-color: #5fab2a !important;
	}
	.car-f-bg {
		background: linear-gradient(136deg, #f0f97d 0%, #70c22f 100%) !important;
	}
	// 个人中心背景
	.user-top {
		.circle-big {
			background: linear-gradient(156deg, #cbe35d 20%, #70c22f 100%) !important;
			.circle-one {
				background: linear-gradient(360deg, #f0f97d 10%, #88cd3e 92%) !important;
			}
			.circle-two {
				background: linear-gradient(180deg, #d8ec50 10%, #8acc3c 100%) !important;
			}
		}
	}
}
/* 商务蓝 */
.qn-page-blue {
	.primary-color,
	.rmb-icon,
	.total-price,
	.now-price,
	.ibonxuanze_xuanzhong,
	.ibongouwuche1 {
		color: #2072f4 !important;
	}
	.primary-bg {
		background-color: #2072f4 !important;
		color: #ffffff !important;
		border-color: #2072f4 !important;
	}
	.primary-fu-bg {
		background-color: #393a39 !important;
		color: #ffffff !important;
		border-color: #393a39 !important;
	}
	.primary-btn {
		background: linear-gradient(to right, #0da0fe, #2072f4) !important;
		color: #ffffff !important;
	}
	.p-background-img {
		background-image: linear-gradient(90deg, #0da0fe 0%, #2072f4 100%) !important;
	}
	.primary-lg {
		background: linear-gradient(139deg, #2072f4 0%, #0da0fe 100%) !important;
		color: #ffffff !important;
	}
	.primary-btn-pain {
		border-color: #2072f4 !important;
		background-color: #ffffff !important;
		color: #2072f4 !important;
	}
	// 分类
	.u-tab-item-active::before {
		border-color: #2072f4 !important;
	}
	.car-f-bg {
		background: linear-gradient(136deg, #7df4ff 0%, #0091ff 100%) !important;
	}
	// 个人中心背景
	.user-top {
		.circle-big {
			background: linear-gradient(156deg, #1bcef1 20%, #0091ff 100%) !important;
			.circle-one {
				background: linear-gradient(360deg, #7df4ff 10%, #1da8ff 92%) !important;
			}
			.circle-two {
				background: linear-gradient(180deg, #50dfec 10%, #0091ff 100%) !important;
			}
		}
	}
}
/* 步进器样式覆盖 */
.number-box {
	.u-number-input {
		background-color: #ffffff !important;
		color: #111111 !important;
		font-size: 28rpx;
	}

	.u-icon-plus {
		border-radius: 44rpx !important;
		width: 40rpx !important;
		height: 40rpx !important;
		font-size: 24rpx;
	}

	.u-icon-disabled {
		border-radius: 44rpx !important;
		width: 40rpx !important;
		height: 40rpx !important;
		font-size: 24rpx;
	}

	.u-icon-minus {
		border-radius: 44rpx !important;
		width: 40rpx !important;
		height: 40rpx !important;
		font-size: 24rpx;
	}
}
.u-tabbar__content {
	box-shadow: 0px -4rpx 32rpx 0px rgba(156, 170, 175, 0.16);
}