diff --git a/common/js/style_color.js b/common/js/style_color.js index 7e1f9cc..08d6395 100644 --- a/common/js/style_color.js +++ b/common/js/style_color.js @@ -73,6 +73,8 @@ export default { diy_category_tree_normal_size: '20rpx',// 左侧分类树未选中态字号 diy_category_tree_select_text_color: '#333',// 左侧分类树选中态字体颜色(后台可自定义) diy_category_tree_select_bg_color: '#fff',// 左侧分类树选中态背景颜色(后台可自定义) + diy_category_tree_normal_text_color: '#222222',// 左侧分类树未选中态字体颜色(后台可自定义) + diy_category_tree_normal_bg_color: '#f5f5f5',// 左侧分类树未选中态背景颜色(后台可自定义) diy_category_item_title_size: '26rpx',// 分类标题(如"热销推荐") diy_category_item_goods_title_size:'28rpx',// 商品模式分类标题(比普通标题大 2rpx) diy_category_item_name_size: '24rpx',// 分类项名称 @@ -268,6 +270,8 @@ export default { diy_category_tree_normal_size: '20rpx',// 左侧分类树未选中态字号 diy_category_tree_select_text_color: '#333',// 左侧分类树选中态字体颜色(后台可自定义) diy_category_tree_select_bg_color: '#fff',// 左侧分类树选中态背景颜色(后台可自定义) + diy_category_tree_normal_text_color: '#222222',// 左侧分类树未选中态字体颜色(后台可自定义) + diy_category_tree_normal_bg_color: '#f5f5f5',// 左侧分类树未选中态背景颜色(后台可自定义) diy_category_item_title_size: '26rpx',// 分类标题(如"热销推荐") diy_category_item_goods_title_size:'28rpx',// 商品模式分类标题(比普通标题大 2rpx) diy_category_item_name_size: '24rpx',// 分类项名称 @@ -462,6 +466,8 @@ export default { diy_category_tree_normal_size: '20rpx',// 左侧分类树未选中态字号 diy_category_tree_select_text_color: '#333',// 左侧分类树选中态字体颜色(后台可自定义) diy_category_tree_select_bg_color: '#fff',// 左侧分类树选中态背景颜色(后台可自定义) + diy_category_tree_normal_text_color: '#222222',// 左侧分类树未选中态字体颜色(后台可自定义) + diy_category_tree_normal_bg_color: '#f5f5f5',// 左侧分类树未选中态背景颜色(后台可自定义) diy_category_item_title_size: '26rpx',// 分类标题(如"热销推荐") diy_category_item_goods_title_size:'28rpx',// 商品模式分类标题(比普通标题大 2rpx) diy_category_item_name_size: '24rpx',// 分类项名称 @@ -656,6 +662,8 @@ export default { diy_category_tree_normal_size: '20rpx',// 左侧分类树未选中态字号 diy_category_tree_select_text_color: '#333',// 左侧分类树选中态字体颜色(后台可自定义) diy_category_tree_select_bg_color: '#fff',// 左侧分类树选中态背景颜色(后台可自定义) + diy_category_tree_normal_text_color: '#222222',// 左侧分类树未选中态字体颜色(后台可自定义) + diy_category_tree_normal_bg_color: '#f5f5f5',// 左侧分类树未选中态背景颜色(后台可自定义) diy_category_item_title_size: '26rpx',// 分类标题(如"热销推荐") diy_category_item_goods_title_size:'28rpx',// 商品模式分类标题(比普通标题大 2rpx) diy_category_item_name_size: '24rpx',// 分类项名称 @@ -850,6 +858,8 @@ export default { diy_category_tree_normal_size: '20rpx',// 左侧分类树未选中态字号 diy_category_tree_select_text_color: '#333',// 左侧分类树选中态字体颜色(后台可自定义) diy_category_tree_select_bg_color: '#fff',// 左侧分类树选中态背景颜色(后台可自定义) + diy_category_tree_normal_text_color: '#222222',// 左侧分类树未选中态字体颜色(后台可自定义) + diy_category_tree_normal_bg_color: '#f5f5f5',// 左侧分类树未选中态背景颜色(后台可自定义) diy_category_item_title_size: '26rpx',// 分类标题(如"热销推荐") diy_category_item_goods_title_size:'28rpx',// 商品模式分类标题(比普通标题大 2rpx) diy_category_item_name_size: '24rpx',// 分类项名称 @@ -1044,6 +1054,8 @@ export default { diy_category_tree_normal_size: '20rpx',// 左侧分类树未选中态字号 diy_category_tree_select_text_color: '#333',// 左侧分类树选中态字体颜色(后台可自定义) diy_category_tree_select_bg_color: '#fff',// 左侧分类树选中态背景颜色(后台可自定义) + diy_category_tree_normal_text_color: '#222222',// 左侧分类树未选中态字体颜色(后台可自定义) + diy_category_tree_normal_bg_color: '#f5f5f5',// 左侧分类树未选中态背景颜色(后台可自定义) diy_category_item_title_size: '26rpx',// 分类标题(如"热销推荐") diy_category_item_goods_title_size:'28rpx',// 商品模式分类标题(比普通标题大 2rpx) diy_category_item_name_size: '24rpx',// 分类项名称 @@ -1238,6 +1250,8 @@ export default { diy_category_tree_normal_size: '20rpx',// 左侧分类树未选中态字号 diy_category_tree_select_text_color: '#333',// 左侧分类树选中态字体颜色(后台可自定义) diy_category_tree_select_bg_color: '#fff',// 左侧分类树选中态背景颜色(后台可自定义) + diy_category_tree_normal_text_color: '#222222',// 左侧分类树未选中态字体颜色(后台可自定义) + diy_category_tree_normal_bg_color: '#f5f5f5',// 左侧分类树未选中态背景颜色(后台可自定义) diy_category_item_title_size: '26rpx',// 分类标题(如"热销推荐") diy_category_item_goods_title_size:'28rpx',// 商品模式分类标题(比普通标题大 2rpx) diy_category_item_name_size: '24rpx',// 分类项名称 @@ -1432,6 +1446,8 @@ export default { diy_category_tree_normal_size: '20rpx',// 左侧分类树未选中态字号 diy_category_tree_select_text_color: '#333',// 左侧分类树选中态字体颜色(后台可自定义) diy_category_tree_select_bg_color: '#fff',// 左侧分类树选中态背景颜色(后台可自定义) + diy_category_tree_normal_text_color: '#222222',// 左侧分类树未选中态字体颜色(后台可自定义) + diy_category_tree_normal_bg_color: '#f5f5f5',// 左侧分类树未选中态背景颜色(后台可自定义) diy_category_item_title_size: '26rpx',// 分类标题(如"热销推荐") diy_category_item_goods_title_size:'28rpx',// 商品模式分类标题(比普通标题大 2rpx) diy_category_item_name_size: '24rpx',// 分类项名称 diff --git a/components-diy/diy-category.vue b/components-diy/diy-category.vue index 0ba5909..225e042 100644 --- a/components-diy/diy-category.vue +++ b/components-diy/diy-category.vue @@ -784,10 +784,10 @@ export default { padding: 26rpx 28rpx; box-sizing: border-box; position: relative; - background-color: #f5f5f5; + background-color: var(--diy-category-tree-normal-bg-color, #f5f5f5); view { - color: #222222; + color: var(--diy-category-tree-normal-text-color, #222222); width: 100%; white-space: break-word; overflow: hidden; @@ -1512,11 +1512,11 @@ export default { // 左侧分类栏样式 .tree-wrap .category-item { padding: 28rpx 16rpx; - background-color: #fff; + background-color: var(--diy-category-tree-normal-bg-color, #f5f5f5); border-radius: 0; view { - color: #666; + color: var(--diy-category-tree-normal-text-color, #222222); font-size: 26rpx; line-height: 1.3; } @@ -1603,12 +1603,12 @@ export default { .tree-wrap .category-item { padding: 30rpx 16rpx; - background-color: #f5f5f5; + background-color: var(--diy-category-tree-normal-bg-color, #f5f5f5); white-space: normal; word-break: break-all; view { - color: #333; + color: var(--diy-category-tree-normal-text-color, #222222); font-size: 26rpx; line-height: 1.5; }