From 6023b5b65ed54acf29a55c5d71e5138f1985bf30 Mon Sep 17 00:00:00 2001 From: ZF sun <34314687@qq.com> Date: Tue, 6 Jan 2026 16:15:04 +0800 Subject: [PATCH] =?UTF-8?q?chore(=E9=A2=9C=E8=89=B2):=20=E6=98=8E=E7=A1=AE?= =?UTF-8?q?=E9=A2=9C=E8=89=B2=E8=AE=BE=E7=BD=AE=E8=A7=84=E5=88=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- common/js/style_color.js | 160 ++++++++++++++--------------- components/hover-nav/hover-nav.vue | 7 +- 2 files changed, 82 insertions(+), 85 deletions(-) diff --git a/common/js/style_color.js b/common/js/style_color.js index e5fea27..a1e538a 100644 --- a/common/js/style_color.js +++ b/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',//背景色 - hovenav_text_color: '#FFFFFF' + ...{ + hover_nav_bg_color: '#c6251b', //背景色: 红色 '#c6251b', 白色： '#FFFC' + 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',//背景色 - hovenav_text_color: '#FFFFFF' + ...{ + hover_nav_bg_color: '#19C650',//背景色 + 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',//背景色 - hovenav_text_color: '#FFFFFF' + ...{ + hover_nav_bg_color: '#36ABFF',//背景色 + 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',//背景色 - hovenav_text_color: '#FFFFFF' + ...{ + hover_nav_bg_color: '#FF407E',//背景色 + 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',//背景色 - hovenav_text_color: '#FFFFFF' + ...{ + hover_nav_bg_color: '#CFAF70',//背景色 + 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',//背景色 - hovenav_text_color: '#FFFFFF' + ...{ + hover_nav_bg_color: '#A253FF',//背景色 + 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',//背景色 - hovenav_text_color: '#303133' + ...{ + hover_nav_bg_color: '#FFD009',//背景色 + 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',//背景色 - hovenav_text_color: '#FFFFFF' + ...{ + hover_nav_bg_color: '#222222',//背景色 + hover_nav_text_color: '#FFFFFF' }, } } diff --git a/components/hover-nav/hover-nav.vue b/components/hover-nav/hover-nav.vue index f2b71f6..61ad55b 100644 --- a/components/hover-nav/hover-nav.vue +++ b/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); - color: #fff; + background: var(--hover-nav-bg-color); + color: var(--hover-nav-text-color); border-radius: 40rpx; width: 80rpx; height: 80rpx;