chore(颜色): 明确颜色设置规则

common/js/style_color.js

@@ -20,7 +20,7 @@ export default {
 		main_color_shallow: '#FFF4F4',//淡背景
 		price_color: 'rgb(252,82,39)',//价格颜色
 		btn_text_color: '#FFFFFF',//按钮文字颜色
-		goods_detail: {
+		...{
 			goods_price: 'rgb(252,82,39,1)',//价格
 			promotion_tag: '#FF4646',
 			goods_card_bg: '#201A18',//会员卡背景
@@ -31,38 +31,38 @@ export default {
 			goods_btn_color: '#FF4646',//按钮颜色
 			goods_btn_color_shallow: '#F7B500',//副按钮颜色
 		},
-		pintuan: {
+		...{
 			pintuan_label_bg: '#F7B500',
 			pintuan_label_color: '#FFFFFF',
 			pintuan_color: '#FA6400',
 			pintuan_promotion_color: '#FA3A1D',//活动背景
 			pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色
 		},
-		super_member: {
+		...{
 			super_member_start_bg: '#7c7878',
 			super_member_end_bg: '#201a18',
 			super_member_start_text_color: '#FFDBA6',
 			super_member_end_text_color: '#FFEBCA',
 		},
-		bargain: {
+		...{
 			bargain_promotion_color: '#F0353E',//活动背景
 			bargain_promotion_aux_color: '#FD9A01',//活动辅色
 		},
-		seckill: {
+		...{
 			seckill_promotion_color: '#F83530',//活动背景
 			seckill_promotion_aux_color: '#FD9A01',//活动辅色
 		},
-		giftcard: {
+		...{
 			giftcard_promotion_color: '#FF3369',//活动背景
 			giftcard_promotion_aux_color: '#F7B500',//活动辅色
 		},
-		groupby: {
+		...{
 			groupby_promotion_color: '#E64136',//活动背景
 			groupby_promotion_aux_color: '#F7B500',//活动辅色
 		},
-		hoverNav: {
+		...{
-			hovenav_bg_color: '#F4391c',//背景色
+			hover_nav_bg_color: '#c6251b', //背景色: 红色 '#c6251b', 白色： '#FFFC'
-			hovenav_text_color: '#FFFFFF'
+			hover_nav_text_color: '#FFFFFF' // 文字颜色: 白色 '#FFFFFF', 黑色： '#000'
 		},
 	},
 	'green': {
@@ -76,7 +76,7 @@ export default {
 		main_color_shallow: '#F0FFF5',//淡背景
 		price_color: 'rgba(252,82,39,1)',//价格颜色
 		btn_text_color: '#FFFFFF',//按钮文字颜色
-		goods_detail: {
+		...{
 			goods_price: 'rgba(252,82,39,1)',//价格
 			promotion_tag: '#19C650',
 			goods_card_bg: '#201A18',//会员卡背景
@@ -87,38 +87,38 @@ export default {
 			goods_btn_color: '#19C650',//按钮颜色
 			goods_btn_color_shallow: '#FA6400',//副按钮颜色
 		},
-		pintuan: {
+		...{
 			pintuan_label_bg: '#F7B500',
 			pintuan_label_color: '#FFFFFF',
 			pintuan_color: '#FA6400',
 			pintuan_promotion_color: '#FA3A1D',//活动背景
 			pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色
 		},
-		super_member: {
+		...{
 			super_member_start_bg: '#7c7878',
 			super_member_end_bg: '#201a18',
 			super_member_start_text_color: '#FFDBA6',
 			super_member_end_text_color: '#FFEBCA',
 		},
-		bargain: {
+		...{
 			bargain_promotion_color: '#F0353E',//活动背景
 			bargain_promotion_aux_color: '#FD9A01',//活动辅色
 		},
-		seckill: {
+		...{
 			seckill_promotion_color: '#F83530',//活动背景
 			seckill_promotion_aux_color: '#FD9A01',//活动辅色
 		},
-		giftcard: {
+		...{
 			giftcard_promotion_color: '#FF3369',//活动背景
 			giftcard_promotion_aux_color: '#F7B500',//活动辅色
 		},
-		groupby: {
+		...{
 			groupby_promotion_color: '#E64136',//活动背景
 			groupby_promotion_aux_color: '#F7B500',//活动辅色
 		},
-		hoverNav: {
+		...{
-			hovenav_bg_color: '#19C650',//背景色
+			hover_nav_bg_color: '#19C650',//背景色
-			hovenav_text_color: '#FFFFFF'
+			hover_nav_text_color: '#FFFFFF'
 		},
 	},
 	'blue': {
@@ -132,7 +132,7 @@ export default {
 		main_color_shallow: '#E2F3FF',
 		price_color: 'rgba(252,82,39,1)',//价格颜色
 		btn_text_color: '#FFFFFF',//按钮文字颜色
-		goods_detail: {
+		...{
 			goods_price: 'rgba(252,82,39,1)',//价格
 			promotion_tag: '#36ABFF',
 			goods_card_bg: '#201A18',//会员卡背景
@@ -143,38 +143,38 @@ export default {
 			goods_btn_color: '#36ABFF',//按钮颜色
 			goods_btn_color_shallow: '#FA6400',//副按钮颜色
 		},
-		pintuan: {
+		...{
 			pintuan_label_bg: '#F7B500',
 			pintuan_label_color: '#FFFFFF',
 			pintuan_color: '#FA6400',
 			pintuan_promotion_color: '#FA3A1D',//活动背景
 			pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色
 		},
-		super_member: {
+		...{
 			super_member_start_bg: '#7c7878',
 			super_member_end_bg: '#201a18',
 			super_member_start_text_color: '#FFDBA6',
 			super_member_end_text_color: '#FFEBCA',
 		},
-		bargain: {
+		...{
 			bargain_promotion_color: '#F0353E',//活动背景
 			bargain_promotion_aux_color: '#FD9A01',//活动辅色
 		},
-		seckill: {
+		...{
 			seckill_promotion_color: '#F83530',//活动背景
 			seckill_promotion_aux_color: '#FD9A01',//活动辅色
 		},
-		giftcard: {
+		...{
 			giftcard_promotion_color: '#FF3369',//活动背景
 			giftcard_promotion_aux_color: '#F7B500',//活动辅色
 		},
-		groupby: {
+		...{
 			groupby_promotion_color: '#E64136',//活动背景
 			groupby_promotion_aux_color: '#F7B500',//活动辅色
 		},
-		hoverNav: {
+		...{
-			hovenav_bg_color: '#36ABFF',//背景色
+			hover_nav_bg_color: '#36ABFF',//背景色
-			hovenav_text_color: '#FFFFFF'
+			hover_nav_text_color: '#FFFFFF'
 		},
 	},
 	'pink': {
@@ -188,7 +188,7 @@ export default {
 		main_color_shallow: '#FFF5F8',//淡背景
 		price_color: 'rgba(252,82,39,1)',//价格颜色
 		btn_text_color: '#FFFFFF',//按钮文字颜色
-		goods_detail: {
+		...{
 			goods_price: 'rgba(252,82,39,1)',//价格
 			promotion_tag: '#FF407E',
 			goods_card_bg: '#201A18',//会员卡背景
@@ -199,38 +199,38 @@ export default {
 			goods_btn_color: '#FF407E',//按钮颜色
 			goods_btn_color_shallow: '#F7B500',//副按钮颜色
 		},
-		pintuan: {
+		...{
 			pintuan_label_bg: '#F7B500',
 			pintuan_label_color: '#FFFFFF',
 			pintuan_color: '#FA6400',
 			pintuan_promotion_color: '#FA3A1D',//活动背景
 			pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色
 		},
-		super_member: {
+		...{
 			super_member_start_bg: '#7c7878',
 			super_member_end_bg: '#201a18',
 			super_member_start_text_color: '#FFDBA6',
 			super_member_end_text_color: '#FFEBCA',
 		},
-		bargain: {
+		...{
 			bargain_promotion_color: '#F0353E',//活动背景
 			bargain_promotion_aux_color: '#FD9A01',//活动辅色
 		},
-		seckill: {
+		...{
 			seckill_promotion_color: '#F83530',//活动背景
 			seckill_promotion_aux_color: '#FD9A01',//活动辅色
 		},
-		giftcard: {
+		...{
 			giftcard_promotion_color: '#FF3369',//活动背景
 			giftcard_promotion_aux_color: '#F7B500',//活动辅色
 		},
-		groupby: {
+		...{
 			groupby_promotion_color: '#E64136',//活动背景
 			groupby_promotion_aux_color: '#F7B500',//活动辅色
 		},
-		hoverNav: {
+		...{
-			hovenav_bg_color: '#FF407E',//背景色
+			hover_nav_bg_color: '#FF407E',//背景色
-			hovenav_text_color: '#FFFFFF'
+			hover_nav_text_color: '#FFFFFF'
 		},
 	},
 	'gold': {
@@ -244,7 +244,7 @@ export default {
 		main_color_shallow: '#FFFAF1',//淡背景
 		price_color: 'rgba(252,82,39,1)',//价格颜色
 		btn_text_color: '#FFFFFF',//按钮文字颜色
-		goods_detail: {
+		...{
 			goods_price: 'rgba(252,82,39,1)',//价格
 			promotion_tag: '#CFAF70',
 			goods_card_bg: '#201A18',//会员卡背景
@@ -255,38 +255,38 @@ export default {
 			goods_btn_color: '#CFAF70',//按钮颜色
 			goods_btn_color_shallow: '#444444',//副按钮颜色
 		},
-		pintuan: {
+		...{
 			pintuan_label_bg: '#F7B500',
 			pintuan_label_color: '#FFFFFF',
 			pintuan_color: '#FA6400',
 			pintuan_promotion_color: '#FA3A1D',//活动背景
 			pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色
 		},
-		super_member: {
+		...{
 			super_member_start_bg: '#7c7878',
 			super_member_end_bg: '#201a18',
 			super_member_start_text_color: '#FFDBA6',
 			super_member_end_text_color: '#FFEBCA',
 		},
-		bargain: {
+		...{
 			bargain_promotion_color: '#F0353E',//活动背景
 			bargain_promotion_aux_color: '#FD9A01',//活动辅色
 		},
-		seckill: {
+		...{
 			seckill_promotion_color: '#F83530',//活动背景
 			seckill_promotion_aux_color: '#FD9A01',//活动辅色
 		},
-		giftcard: {
+		...{
 			giftcard_promotion_color: '#FF3369',//活动背景
 			giftcard_promotion_aux_color: '#F7B500',//活动辅色
 		},
-		groupby: {
+		...{
 			groupby_promotion_color: '#E64136',//活动背景
 			groupby_promotion_aux_color: '#F7B500',//活动辅色
 		},
-		hoverNav: {
+		...{
-			hovenav_bg_color: '#CFAF70',//背景色
+			hover_nav_bg_color: '#CFAF70',//背景色
-			hovenav_text_color: '#FFFFFF'
+			hover_nav_text_color: '#FFFFFF'
 		},
 	},
 	'purple': {
@@ -300,7 +300,7 @@ export default {
 		main_color_shallow: '#F8F3FF',//淡背景
 		price_color: 'rgba(252,82,39,1)',//价格颜色
 		btn_text_color: '#FFFFFF',//按钮文字颜色
-		goods_detail: {
+		...{
 			goods_price: 'rgba(252,82,39,1)',//价格
 			promotion_tag: '#A253FF',
 			goods_card_bg: '#201A18',//会员卡背景
@@ -311,38 +311,38 @@ export default {
 			goods_btn_color: '#A253FF',//按钮颜色
 			goods_btn_color_shallow: '#222222',//副按钮颜色
 		},
-		pintuan: {
+		...{
 			pintuan_label_bg: '#F7B500',
 			pintuan_label_color: '#FFFFFF',
 			pintuan_color: '#FA6400',
 			pintuan_promotion_color: '#FA3A1D',//活动背景
 			pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色
 		},
-		super_member: {
+		...{
 			super_member_start_bg: '#7c7878',
 			super_member_end_bg: '#201a18',
 			super_member_start_text_color: '#FFDBA6',
 			super_member_end_text_color: '#FFEBCA',
 		},
-		bargain: {
+		...{
 			bargain_promotion_color: '#F0353E',//活动背景
 			bargain_promotion_aux_color: '#FD9A01',//活动辅色
 		},
-		seckill: {
+		...{
 			seckill_promotion_color: '#F83530',//活动背景
 			seckill_promotion_aux_color: '#FD9A01',//活动辅色
 		},
-		giftcard: {
+		...{
 			giftcard_promotion_color: '#FF3369',//活动背景
 			giftcard_promotion_aux_color: '#F7B500',//活动辅色
 		},
-		groupby: {
+		...{
 			groupby_promotion_color: '#E64136',//活动背景
 			groupby_promotion_aux_color: '#F7B500',//活动辅色
 		},
-		hoverNav: {
+		...{
-			hovenav_bg_color: '#A253FF',//背景色
+			hover_nav_bg_color: '#A253FF',//背景色
-			hovenav_text_color: '#FFFFFF'
+			hover_nav_text_color: '#FFFFFF'
 		},
 	},
 	'yellow': {
@@ -356,7 +356,7 @@ export default {
 		main_color_shallow: '#FFFBEF',//淡背景
 		price_color: 'rgba(252,82,39,1)',//价格颜色
 		btn_text_color: '#303133',//按钮文字颜色
-		goods_detail: {
+		...{
 			goods_price: 'rgba(252,82,39,1)',//价格
 			promotion_tag: '#FFD009',
 			goods_card_bg: '#201A18',//会员卡背景
@@ -367,38 +367,38 @@ export default {
 			goods_btn_color: '#FFD009',//按钮颜色
 			goods_btn_color_shallow: '#1D262E',//副按钮颜色
 		},
-		pintuan: {
+		...{
 			pintuan_label_bg: '#F7B500',
 			pintuan_label_color: '#FFFFFF',
 			pintuan_color: '#FA6400',
 			pintuan_promotion_color: '#FA3A1D',//活动背景
 			pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色
 		},
-		super_member: {
+		...{
 			super_member_start_bg: '#7c7878',
 			super_member_end_bg: '#201a18',
 			super_member_start_text_color: '#FFDBA6',
 			super_member_end_text_color: '#FFEBCA',
 		},
-		bargain: {
+		...{
 			bargain_promotion_color: '#F0353E',//活动背景
 			bargain_promotion_aux_color: '#FD9A01',//活动辅色
 		},
-		seckill: {
+		...{
 			seckill_promotion_color: '#F83530',//活动背景
 			seckill_promotion_aux_color: '#FD9A01',//活动辅色
 		},
-		giftcard: {
+		...{
 			giftcard_promotion_color: '#FF3369',//活动背景
 			giftcard_promotion_aux_color: '#F7B500',//活动辅色
 		},
-		groupby: {
+		...{
 			groupby_promotion_color: '#E64136',//活动背景
 			groupby_promotion_aux_color: '#F7B500',//活动辅色
 		},
-		hoverNav: {
+		...{
-			hovenav_bg_color: '#FFD009',//背景色
+			hover_nav_bg_color: '#FFD009',//背景色
-			hovenav_text_color: '#303133'
+			hover_nav_text_color: '#303133'
 		},
 	},
 	'black': {
@@ -412,7 +412,7 @@ export default {
 		main_color_shallow: '#efefef',//淡背景
 		price_color: 'rgba(255,0,0,1)',//价格颜色
 		btn_text_color: '#FFFFFF',//按钮文字颜色
-		goods_detail: {
+		...{
 			goods_price: 'rgba(255,0,0,1)',//价格
 			promotion_tag: '#222222',
 			goods_card_bg: '#201A18',//会员卡背景
@@ -423,38 +423,38 @@ export default {
 			goods_btn_color: '#222222',//按钮颜色
 			goods_btn_color_shallow: '#FA8B00',//副按钮颜色
 		},
-		pintuan: {
+		...{
 			pintuan_label_bg: '#F7B500',
 			pintuan_label_color: '#FFFFFF',
 			pintuan_color: '#FA6400',
 			pintuan_promotion_color: '#FA3A1D',//活动背景
 			pintuan_promotion_aux_color: '#FD9A01',//活动背景辅色
 		},
-		super_member: {
+		...{
 			super_member_start_bg: '#fadcb5',
 			super_member_end_bg: '#f6bd74',
 			super_member_start_text_color: '#ab6126',
 			super_member_end_text_color: '#d19336',
 		},
-		bargain: {
+		...{
 			bargain_promotion_color: '#F0353E',//活动背景
 			bargain_promotion_aux_color: '#FD9A01',//活动辅色
 		},
-		seckill: {
+		...{
 			seckill_promotion_color: '#F83530',//活动背景
 			seckill_promotion_aux_color: '#FD9A01',//活动辅色
 		},
-		giftcard: {
+		...{
 			giftcard_promotion_color: '#FF3369',//活动背景
 			giftcard_promotion_aux_color: '#F7B500',//活动辅色
 		},
-		groupby: {
+		...{
 			groupby_promotion_color: '#E64136',//活动背景
 			groupby_promotion_aux_color: '#F7B500',//活动辅色
 		},
-		hoverNav: {
+		...{
-			hovenav_bg_color: '#222222',//背景色
+			hover_nav_bg_color: '#222222',//背景色
-			hovenav_text_color: '#FFFFFF'
+			hover_nav_text_color: '#FFFFFF'
 		},
 	}
 }

components/hover-nav/hover-nav.vue

@@ -181,8 +181,6 @@ export default {
 	bottom: 320rpx;
 	// #endif
 	z-index: 10;
-	// background: #fff;
-	// box-shadow: 2rpx 2rpx 22rpx rgba(0, 0, 0, 0.3);
 	border-radius: 120rpx;
 	padding: 20rpx 0;
 	display: flex;
@@ -201,9 +199,8 @@ export default {
 		line-height: 1;
 		margin: 14rpx 0;
 		transition: 0.1s;
-		background: #c6251b;
+		background: var(--hover-nav-bg-color);
-		// background: var(--hover-nav-bg-color);
+		color: var(--hover-nav-text-color);
-		color: #fff;
 		border-radius: 40rpx;
 		width: 80rpx;
 		height: 80rpx;