Uniapp/lucky_shop
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

style(style_color): add unified marketing theme color tokens

Browse Source 
为所有主题预设新增统一的营销类颜色令牌，包含拼团、砍价、秒杀、会员、积分、分销等多场景的渐变与装饰色值
This commit is contained in:
ZF Sun
2026-06-11 16:23:04 +08:00
parent 25636f8133
commit f5badc550c
1 changed files with 530 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

531
common/js/style_color.js
View File

@@ -64,6 +64,73 @@ export default {
hover_nav_bg_color: '#FFFC', //背景色: 红色 '#c6251b', 白色： '#FFFC'
hover_nav_text_color: '#000' // 文字颜色: 白色 '#FFFFFF', 黑色： '#000'
},
// ===== 营销 token(本次统一, 全 8 preset 一致) =====
...{
// 拼团
pintuan_label_grad_start: '#ffbd5b', // 拼团头渐变浅
pintuan_label_grad_end: '#fd882e', // 拼团头渐变深
pintuan_avatar_border: '#ff3d3d', // 拼团头像红边框
pintuan_success_start: '#3edb73', // 拼团成功绿渐变浅
pintuan_success_end: '#1db576', // 拼团成功绿渐变深
// 砍价
bargain_promo_shallow: '#ffeadb', // 砍价按钮浅底
// 秒杀
seckill_price_shallow: '#fcecd7', // 秒杀价签浅底
seckill_price_start: '#fdbe6c', // 秒杀价签深色
seckill_discount_start: '#ff5f17', // 秒杀折扣红渐变浅
seckill_discount_end: '#fe2f18', // 秒杀折扣红渐变深
// 会员卡(金色, 与 super_member_*_bg 不同概念)
member_card_gold_start: '#E3B66B',
member_card_gold_end: '#F7DAA5',
// 会员图标
member_icon_grad_start: '#814635',
member_icon_grad_end: '#3A221B',
// 余额页头
balance_page_bg_start: '#FE7849',
balance_page_bg_end: '#FF1959',
// 积分页头
point_page_bg_start: '#FE7849',
point_page_bg_end: '#FF1959',
// 积分商品页
point_promo_start: '#F8F8F8',
point_promo_end: '#E74A32',
// 积分商品卡
point_item_grad_start: '#F4402B',
point_item_grad_end: '#FD7C40',
// 邀请好友
invite_grad_start: '#ff2440',
invite_grad_end: '#ff7b7b',
// 推广页
promote_grad_start: '#ffe2ac',
promote_grad_end: '#fdc174',
// 分销提现
fenxiao_withdraw_start: '#ff3c29',
fenxiao_withdraw_end: '#ff6f29',
// 分销等级(10 套固定徽章色)
level_1_grad_start: '#9BA7B1', level_1_grad_end: '#D3DEE6',
level_2_grad_start: '#F57E2A', level_2_grad_end: '#FAD494',
level_3_grad_start: '#F85151', level_3_grad_end: '#FF9999',
level_4_grad_start: '#78B8B4', level_4_grad_end: '#AFE6E2',
level_5_grad_start: '#4DA1E1', level_5_grad_end: '#58CBF0',
level_6_grad_start: '#81C636', level_6_grad_end: '#D1F677',
level_7_grad_start: '#6D7279', level_7_grad_end: '#A5AAB0',
level_8_grad_start: '#866DDB', level_8_grad_end: '#D49BFE',
level_9_grad_start: '#f1c74e', level_9_grad_end: '#f7dc81',
level_10_grad_start: '#418CCF', level_10_grad_end: '#9CC6F1',
},
},
'green': {
name: 'green',
@@ -120,6 +187,72 @@ export default {
hover_nav_bg_color: '#19C650',//背景色
hover_nav_text_color: '#FFFFFF'
},
// ===== 营销 token(本次统一, 全 9 preset 一致) =====
...{
// 拼团
pintuan_label_grad_start: '#ffbd5b', // 拼团头渐变浅
pintuan_label_grad_end: '#fd882e', // 拼团头渐变深
pintuan_avatar_border: '#ff3d3d', // 拼团头像红边框
pintuan_success_start: '#3edb73', // 拼团成功绿渐变浅
pintuan_success_end: '#1db576', // 拼团成功绿渐变深
// 砍价
bargain_promo_shallow: '#ffeadb', // 砍价按钮浅底
// 秒杀
seckill_price_shallow: '#fcecd7', // 秒杀价签浅底
seckill_price_start: '#fdbe6c', // 秒杀价签深色
seckill_discount_start: '#ff5f17', // 秒杀折扣红渐变浅
seckill_discount_end: '#fe2f18', // 秒杀折扣红渐变深
// 会员卡(金色, 与 super_member_*_bg 不同概念)
member_card_gold_start: '#E3B66B',
member_card_gold_end: '#F7DAA5',
// 会员图标
member_icon_grad_start: '#814635',
member_icon_grad_end: '#3A221B',
// 余额页头
balance_page_bg_start: '#FE7849',
balance_page_bg_end: '#FF1959',
// 积分页头
point_page_bg_start: '#FE7849',
point_page_bg_end: '#FF1959',
// 积分商品页
point_promo_start: '#F8F8F8',
point_promo_end: '#E74A32',
// 积分商品卡
point_item_grad_start: '#F4402B',
point_item_grad_end: '#FD7C40',
// 邀请好友
invite_grad_start: '#ff2440',
invite_grad_end: '#ff7b7b',
// 推广页
promote_grad_start: '#ffe2ac',
promote_grad_end: '#fdc174',
// 分销提现
fenxiao_withdraw_start: '#ff3c29',
fenxiao_withdraw_end: '#ff6f29',
// 分销等级(10 套固定徽章色)
level_1_grad_start: '#9BA7B1', level_1_grad_end: '#D3DEE6',
level_2_grad_start: '#F57E2A', level_2_grad_end: '#FAD494',
level_3_grad_start: '#F85151', level_3_grad_end: '#FF9999',
level_4_grad_start: '#78B8B4', level_4_grad_end: '#AFE6E2',
level_5_grad_start: '#4DA1E1', level_5_grad_end: '#58CBF0',
level_6_grad_start: '#81C636', level_6_grad_end: '#D1F677',
level_7_grad_start: '#6D7279', level_7_grad_end: '#A5AAB0',
level_8_grad_start: '#866DDB', level_8_grad_end: '#D49BFE',
level_9_grad_start: '#f1c74e', level_9_grad_end: '#f7dc81',
level_10_grad_start: '#418CCF', level_10_grad_end: '#9CC6F1',
},
},
'blue': {
name: 'blue',
@@ -176,6 +309,72 @@ export default {
hover_nav_bg_color: '#36ABFF',//背景色
hover_nav_text_color: '#FFFFFF'
},
// ===== 营销 token(本次统一, 全 9 preset 一致) =====
...{
// 拼团
pintuan_label_grad_start: '#ffbd5b', // 拼团头渐变浅
pintuan_label_grad_end: '#fd882e', // 拼团头渐变深
pintuan_avatar_border: '#ff3d3d', // 拼团头像红边框
pintuan_success_start: '#3edb73', // 拼团成功绿渐变浅
pintuan_success_end: '#1db576', // 拼团成功绿渐变深
// 砍价
bargain_promo_shallow: '#ffeadb', // 砍价按钮浅底
// 秒杀
seckill_price_shallow: '#fcecd7', // 秒杀价签浅底
seckill_price_start: '#fdbe6c', // 秒杀价签深色
seckill_discount_start: '#ff5f17', // 秒杀折扣红渐变浅
seckill_discount_end: '#fe2f18', // 秒杀折扣红渐变深
// 会员卡(金色, 与 super_member_*_bg 不同概念)
member_card_gold_start: '#E3B66B',
member_card_gold_end: '#F7DAA5',
// 会员图标
member_icon_grad_start: '#814635',
member_icon_grad_end: '#3A221B',
// 余额页头
balance_page_bg_start: '#FE7849',
balance_page_bg_end: '#FF1959',
// 积分页头
point_page_bg_start: '#FE7849',
point_page_bg_end: '#FF1959',
// 积分商品页
point_promo_start: '#F8F8F8',
point_promo_end: '#E74A32',
// 积分商品卡
point_item_grad_start: '#F4402B',
point_item_grad_end: '#FD7C40',
// 邀请好友
invite_grad_start: '#ff2440',
invite_grad_end: '#ff7b7b',
// 推广页
promote_grad_start: '#ffe2ac',
promote_grad_end: '#fdc174',
// 分销提现
fenxiao_withdraw_start: '#ff3c29',
fenxiao_withdraw_end: '#ff6f29',
// 分销等级(10 套固定徽章色)
level_1_grad_start: '#9BA7B1', level_1_grad_end: '#D3DEE6',
level_2_grad_start: '#F57E2A', level_2_grad_end: '#FAD494',
level_3_grad_start: '#F85151', level_3_grad_end: '#FF9999',
level_4_grad_start: '#78B8B4', level_4_grad_end: '#AFE6E2',
level_5_grad_start: '#4DA1E1', level_5_grad_end: '#58CBF0',
level_6_grad_start: '#81C636', level_6_grad_end: '#D1F677',
level_7_grad_start: '#6D7279', level_7_grad_end: '#A5AAB0',
level_8_grad_start: '#866DDB', level_8_grad_end: '#D49BFE',
level_9_grad_start: '#f1c74e', level_9_grad_end: '#f7dc81',
level_10_grad_start: '#418CCF', level_10_grad_end: '#9CC6F1',
},
},
'pink': {
name: 'pink',
@@ -232,6 +431,72 @@ export default {
hover_nav_bg_color: '#FF407E',//背景色
hover_nav_text_color: '#FFFFFF'
},
// ===== 营销 token(本次统一, 全 9 preset 一致) =====
...{
// 拼团
pintuan_label_grad_start: '#ffbd5b', // 拼团头渐变浅
pintuan_label_grad_end: '#fd882e', // 拼团头渐变深
pintuan_avatar_border: '#ff3d3d', // 拼团头像红边框
pintuan_success_start: '#3edb73', // 拼团成功绿渐变浅
pintuan_success_end: '#1db576', // 拼团成功绿渐变深
// 砍价
bargain_promo_shallow: '#ffeadb', // 砍价按钮浅底
// 秒杀
seckill_price_shallow: '#fcecd7', // 秒杀价签浅底
seckill_price_start: '#fdbe6c', // 秒杀价签深色
seckill_discount_start: '#ff5f17', // 秒杀折扣红渐变浅
seckill_discount_end: '#fe2f18', // 秒杀折扣红渐变深
// 会员卡(金色, 与 super_member_*_bg 不同概念)
member_card_gold_start: '#E3B66B',
member_card_gold_end: '#F7DAA5',
// 会员图标
member_icon_grad_start: '#814635',
member_icon_grad_end: '#3A221B',
// 余额页头
balance_page_bg_start: '#FE7849',
balance_page_bg_end: '#FF1959',
// 积分页头
point_page_bg_start: '#FE7849',
point_page_bg_end: '#FF1959',
// 积分商品页
point_promo_start: '#F8F8F8',
point_promo_end: '#E74A32',
// 积分商品卡
point_item_grad_start: '#F4402B',
point_item_grad_end: '#FD7C40',
// 邀请好友
invite_grad_start: '#ff2440',
invite_grad_end: '#ff7b7b',
// 推广页
promote_grad_start: '#ffe2ac',
promote_grad_end: '#fdc174',
// 分销提现
fenxiao_withdraw_start: '#ff3c29',
fenxiao_withdraw_end: '#ff6f29',
// 分销等级(10 套固定徽章色)
level_1_grad_start: '#9BA7B1', level_1_grad_end: '#D3DEE6',
level_2_grad_start: '#F57E2A', level_2_grad_end: '#FAD494',
level_3_grad_start: '#F85151', level_3_grad_end: '#FF9999',
level_4_grad_start: '#78B8B4', level_4_grad_end: '#AFE6E2',
level_5_grad_start: '#4DA1E1', level_5_grad_end: '#58CBF0',
level_6_grad_start: '#81C636', level_6_grad_end: '#D1F677',
level_7_grad_start: '#6D7279', level_7_grad_end: '#A5AAB0',
level_8_grad_start: '#866DDB', level_8_grad_end: '#D49BFE',
level_9_grad_start: '#f1c74e', level_9_grad_end: '#f7dc81',
level_10_grad_start: '#418CCF', level_10_grad_end: '#9CC6F1',
},
},
'gold': {
name: 'gold',
@@ -288,6 +553,72 @@ export default {
hover_nav_bg_color: '#CFAF70',//背景色
hover_nav_text_color: '#FFFFFF'
},
// ===== 营销 token(本次统一, 全 9 preset 一致) =====
...{
// 拼团
pintuan_label_grad_start: '#ffbd5b', // 拼团头渐变浅
pintuan_label_grad_end: '#fd882e', // 拼团头渐变深
pintuan_avatar_border: '#ff3d3d', // 拼团头像红边框
pintuan_success_start: '#3edb73', // 拼团成功绿渐变浅
pintuan_success_end: '#1db576', // 拼团成功绿渐变深
// 砍价
bargain_promo_shallow: '#ffeadb', // 砍价按钮浅底
// 秒杀
seckill_price_shallow: '#fcecd7', // 秒杀价签浅底
seckill_price_start: '#fdbe6c', // 秒杀价签深色
seckill_discount_start: '#ff5f17', // 秒杀折扣红渐变浅
seckill_discount_end: '#fe2f18', // 秒杀折扣红渐变深
// 会员卡(金色, 与 super_member_*_bg 不同概念)
member_card_gold_start: '#E3B66B',
member_card_gold_end: '#F7DAA5',
// 会员图标
member_icon_grad_start: '#814635',
member_icon_grad_end: '#3A221B',
// 余额页头
balance_page_bg_start: '#FE7849',
balance_page_bg_end: '#FF1959',
// 积分页头
point_page_bg_start: '#FE7849',
point_page_bg_end: '#FF1959',
// 积分商品页
point_promo_start: '#F8F8F8',
point_promo_end: '#E74A32',
// 积分商品卡
point_item_grad_start: '#F4402B',
point_item_grad_end: '#FD7C40',
// 邀请好友
invite_grad_start: '#ff2440',
invite_grad_end: '#ff7b7b',
// 推广页
promote_grad_start: '#ffe2ac',
promote_grad_end: '#fdc174',
// 分销提现
fenxiao_withdraw_start: '#ff3c29',
fenxiao_withdraw_end: '#ff6f29',
// 分销等级(10 套固定徽章色)
level_1_grad_start: '#9BA7B1', level_1_grad_end: '#D3DEE6',
level_2_grad_start: '#F57E2A', level_2_grad_end: '#FAD494',
level_3_grad_start: '#F85151', level_3_grad_end: '#FF9999',
level_4_grad_start: '#78B8B4', level_4_grad_end: '#AFE6E2',
level_5_grad_start: '#4DA1E1', level_5_grad_end: '#58CBF0',
level_6_grad_start: '#81C636', level_6_grad_end: '#D1F677',
level_7_grad_start: '#6D7279', level_7_grad_end: '#A5AAB0',
level_8_grad_start: '#866DDB', level_8_grad_end: '#D49BFE',
level_9_grad_start: '#f1c74e', level_9_grad_end: '#f7dc81',
level_10_grad_start: '#418CCF', level_10_grad_end: '#9CC6F1',
},
},
'purple': {
name: 'purple',
@@ -344,6 +675,72 @@ export default {
hover_nav_bg_color: '#A253FF',//背景色
hover_nav_text_color: '#FFFFFF'
},
// ===== 营销 token(本次统一, 全 9 preset 一致) =====
...{
// 拼团
pintuan_label_grad_start: '#ffbd5b', // 拼团头渐变浅
pintuan_label_grad_end: '#fd882e', // 拼团头渐变深
pintuan_avatar_border: '#ff3d3d', // 拼团头像红边框
pintuan_success_start: '#3edb73', // 拼团成功绿渐变浅
pintuan_success_end: '#1db576', // 拼团成功绿渐变深
// 砍价
bargain_promo_shallow: '#ffeadb', // 砍价按钮浅底
// 秒杀
seckill_price_shallow: '#fcecd7', // 秒杀价签浅底
seckill_price_start: '#fdbe6c', // 秒杀价签深色
seckill_discount_start: '#ff5f17', // 秒杀折扣红渐变浅
seckill_discount_end: '#fe2f18', // 秒杀折扣红渐变深
// 会员卡(金色, 与 super_member_*_bg 不同概念)
member_card_gold_start: '#E3B66B',
member_card_gold_end: '#F7DAA5',
// 会员图标
member_icon_grad_start: '#814635',
member_icon_grad_end: '#3A221B',
// 余额页头
balance_page_bg_start: '#FE7849',
balance_page_bg_end: '#FF1959',
// 积分页头
point_page_bg_start: '#FE7849',
point_page_bg_end: '#FF1959',
// 积分商品页
point_promo_start: '#F8F8F8',
point_promo_end: '#E74A32',
// 积分商品卡
point_item_grad_start: '#F4402B',
point_item_grad_end: '#FD7C40',
// 邀请好友
invite_grad_start: '#ff2440',
invite_grad_end: '#ff7b7b',
// 推广页
promote_grad_start: '#ffe2ac',
promote_grad_end: '#fdc174',
// 分销提现
fenxiao_withdraw_start: '#ff3c29',
fenxiao_withdraw_end: '#ff6f29',
// 分销等级(10 套固定徽章色)
level_1_grad_start: '#9BA7B1', level_1_grad_end: '#D3DEE6',
level_2_grad_start: '#F57E2A', level_2_grad_end: '#FAD494',
level_3_grad_start: '#F85151', level_3_grad_end: '#FF9999',
level_4_grad_start: '#78B8B4', level_4_grad_end: '#AFE6E2',
level_5_grad_start: '#4DA1E1', level_5_grad_end: '#58CBF0',
level_6_grad_start: '#81C636', level_6_grad_end: '#D1F677',
level_7_grad_start: '#6D7279', level_7_grad_end: '#A5AAB0',
level_8_grad_start: '#866DDB', level_8_grad_end: '#D49BFE',
level_9_grad_start: '#f1c74e', level_9_grad_end: '#f7dc81',
level_10_grad_start: '#418CCF', level_10_grad_end: '#9CC6F1',
},
},
'yellow': {
name: 'yellow',
@@ -400,6 +797,72 @@ export default {
hover_nav_bg_color: '#FFD009',//背景色
hover_nav_text_color: '#303133'
},
// ===== 营销 token(本次统一, 全 9 preset 一致) =====
...{
// 拼团
pintuan_label_grad_start: '#ffbd5b', // 拼团头渐变浅
pintuan_label_grad_end: '#fd882e', // 拼团头渐变深
pintuan_avatar_border: '#ff3d3d', // 拼团头像红边框
pintuan_success_start: '#3edb73', // 拼团成功绿渐变浅
pintuan_success_end: '#1db576', // 拼团成功绿渐变深
// 砍价
bargain_promo_shallow: '#ffeadb', // 砍价按钮浅底
// 秒杀
seckill_price_shallow: '#fcecd7', // 秒杀价签浅底
seckill_price_start: '#fdbe6c', // 秒杀价签深色
seckill_discount_start: '#ff5f17', // 秒杀折扣红渐变浅
seckill_discount_end: '#fe2f18', // 秒杀折扣红渐变深
// 会员卡(金色, 与 super_member_*_bg 不同概念)
member_card_gold_start: '#E3B66B',
member_card_gold_end: '#F7DAA5',
// 会员图标
member_icon_grad_start: '#814635',
member_icon_grad_end: '#3A221B',
// 余额页头
balance_page_bg_start: '#FE7849',
balance_page_bg_end: '#FF1959',
// 积分页头
point_page_bg_start: '#FE7849',
point_page_bg_end: '#FF1959',
// 积分商品页
point_promo_start: '#F8F8F8',
point_promo_end: '#E74A32',
// 积分商品卡
point_item_grad_start: '#F4402B',
point_item_grad_end: '#FD7C40',
// 邀请好友
invite_grad_start: '#ff2440',
invite_grad_end: '#ff7b7b',
// 推广页
promote_grad_start: '#ffe2ac',
promote_grad_end: '#fdc174',
// 分销提现
fenxiao_withdraw_start: '#ff3c29',
fenxiao_withdraw_end: '#ff6f29',
// 分销等级(10 套固定徽章色)
level_1_grad_start: '#9BA7B1', level_1_grad_end: '#D3DEE6',
level_2_grad_start: '#F57E2A', level_2_grad_end: '#FAD494',
level_3_grad_start: '#F85151', level_3_grad_end: '#FF9999',
level_4_grad_start: '#78B8B4', level_4_grad_end: '#AFE6E2',
level_5_grad_start: '#4DA1E1', level_5_grad_end: '#58CBF0',
level_6_grad_start: '#81C636', level_6_grad_end: '#D1F677',
level_7_grad_start: '#6D7279', level_7_grad_end: '#A5AAB0',
level_8_grad_start: '#866DDB', level_8_grad_end: '#D49BFE',
level_9_grad_start: '#f1c74e', level_9_grad_end: '#f7dc81',
level_10_grad_start: '#418CCF', level_10_grad_end: '#9CC6F1',
},
},
'black': {
name: 'black',
@@ -456,5 +919,71 @@ export default {
hover_nav_bg_color: '#222222',//背景色
hover_nav_text_color: '#FFFFFF'
},
}
// ===== 营销 token(本次统一, 全 9 preset 一致) =====
...{
// 拼团
pintuan_label_grad_start: '#ffbd5b', // 拼团头渐变浅
pintuan_label_grad_end: '#fd882e', // 拼团头渐变深
pintuan_avatar_border: '#ff3d3d', // 拼团头像红边框
pintuan_success_start: '#3edb73', // 拼团成功绿渐变浅
pintuan_success_end: '#1db576', // 拼团成功绿渐变深
// 砍价
bargain_promo_shallow: '#ffeadb', // 砍价按钮浅底
// 秒杀
seckill_price_shallow: '#fcecd7', // 秒杀价签浅底
seckill_price_start: '#fdbe6c', // 秒杀价签深色
seckill_discount_start: '#ff5f17', // 秒杀折扣红渐变浅
seckill_discount_end: '#fe2f18', // 秒杀折扣红渐变深
// 会员卡(金色, 与 super_member_*_bg 不同概念)
member_card_gold_start: '#E3B66B',
member_card_gold_end: '#F7DAA5',
// 会员图标
member_icon_grad_start: '#814635',
member_icon_grad_end: '#3A221B',
// 余额页头
balance_page_bg_start: '#FE7849',
balance_page_bg_end: '#FF1959',
// 积分页头
point_page_bg_start: '#FE7849',
point_page_bg_end: '#FF1959',
// 积分商品页
point_promo_start: '#F8F8F8',
point_promo_end: '#E74A32',
// 积分商品卡
point_item_grad_start: '#F4402B',
point_item_grad_end: '#FD7C40',
// 邀请好友
invite_grad_start: '#ff2440',
invite_grad_end: '#ff7b7b',
// 推广页
promote_grad_start: '#ffe2ac',
promote_grad_end: '#fdc174',
// 分销提现
fenxiao_withdraw_start: '#ff3c29',
fenxiao_withdraw_end: '#ff6f29',
// 分销等级(10 套固定徽章色)
level_1_grad_start: '#9BA7B1', level_1_grad_end: '#D3DEE6',
level_2_grad_start: '#F57E2A', level_2_grad_end: '#FAD494',
level_3_grad_start: '#F85151', level_3_grad_end: '#FF9999',
level_4_grad_start: '#78B8B4', level_4_grad_end: '#AFE6E2',
level_5_grad_start: '#4DA1E1', level_5_grad_end: '#58CBF0',
level_6_grad_start: '#81C636', level_6_grad_end: '#D1F677',
level_7_grad_start: '#6D7279', level_7_grad_end: '#A5AAB0',
level_8_grad_start: '#866DDB', level_8_grad_end: '#D49BFE',
level_9_grad_start: '#f1c74e', level_9_grad_end: '#f7dc81',
level_10_grad_start: '#418CCF', level_10_grad_end: '#9CC6F1',
},
},
}