| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144 |
- //当HTML的data-theme为dark时，样式引用dark
- //data-theme为其他值时，就采用组件库的默认样式
- //这里我只定义了两套主题方案，想要再多只需在`$themes`里加就行了
- //注意一点是，每套配色方案里的key可以自定义但必须一致，不然就会混乱
- $themes: (light: ( //边框
- border_color1: #3d414a,
- //底部导航--------------------------------------
- //文字
- font_tb_j: #666666,
- font_tb_d: #f4d022,
- // //背景
- bd_tb_j:#111111,
- //------------------------------------------------
-
- //头部导航--------------------------------------
- //文字
- font_van-nav-bar__title: #DAAD70,
- // font_tb_d: #f4d022,
- // //背景
- bd_head:#111111,
- //------------------------------------------------
- //home/paddy首页-------------------------------------
- //字体
- font_centerBtn-p: #dab082,
- font_detail_p: #daad70,
- //padding
- pd_paddy_top: none,
- //背景图大小
- background_size:100% 100%,
- //渐变色文字
- bgTextClip:text,
- //背景
- background_paddy_top:none,
- background_paddy: url("~@/assets/images/active1/home/bgImg.png") no-repeat center,
- background_custom-indicator:#7c6d5b,
- background_indicator-active:#daad71,
- background_centerBtn-p:linear-gradient(-4deg,
- #b8925c 0%,
- #936e40 28.80859375%,
- #f6c684 65.8203125%,
- #936e40 100%),
- background_baozhuangBox-fd:#613c0c,
- background_middle-li:linear-gradient(0deg,
- #a2794d,
- #ba9363,
- #cba66f,
- #d7b27a,
- #e3c48a,
- #e3d097),
- background_lastP:#0f0b06,
- //-------------------------------------
- //home/product兑换中心---------------------------------------
- //文字
- // font_tb_j: #b2812e,
- font_product_footerBtn:#292929,
- //背景
- bd_product:#fcfcf0,
- bd_product_packbox:#e6e6dc,
- bd_product_footer:#e6e6dc,
- bd_product_footerBtn:#e6e6dc,
- //------------------------------------------------
- //home/my个人中心--------------------------------
- //文字
- font_my_cell_list:#8a8a8a,
- //背景
- bd_my_mine_resume:#e6e6dc,
- bd_my_cell_list:#fcfcf0,
- //----------------------------------------------
- ),
- dark: ( //边框
- border_color1: #3d414a,
- //底部导航--------------------------------------
- //文字
- font_tb_j: #b2812e,
- font_tb_d: #C42323,
- // //背景
- bd_tb_j:#ffffff,
- //------------------------------------------------
-
- //头部导航--------------------------------------
- //文字
- // font_van-nav-bar__title: #DAAD70,
- font_van-nav-bar__title: #fff,
- // font_tb_d: #f4d022,
- // //背景
- bd_head:#C42323,
- //------------------------------------------------
-
- //home/paddy首页-------------------------------------
- //字体
- font_centerBtn-p: #666666,
- font_detail_p: #0f0b06,
- //padding
- pd_paddy_top: 12px 16px 10px 16px,
- //背景图大小
- background_size:100% 100%,
- //背景
- background_paddy_top:#9d1020,
- background_paddy: none,
- background_custom-indicator:#7c6d5b,
- background_indicator-active:#daad71,
- background_centerBtn-p:none,
- background_baozhuangBox-fd:#613c0c,
- background_middle-li:linear-gradient(0deg, #d5a15d 0%, #f0e09e 100%),
- background_lastP:#0f0b06,
- //-------------------------------------
- //home/product兑换中心---------------------------------------
- //文字
- font_product_footerBtn:#fff,
- //背景
- bd_product:#fff,
- bd_product_packbox:#e6e6dc,
- bd_product_footer:#eee,
- bd_product_footerBtn:#c42323,
- //------------------------------------------------
- //home/my个人中心--------------------------------
- //文字
- font_my_cell_list:#8a8a8a,
- //背景
- bd_my_mine_resume:#fff,
- bd_my_cell_list:#f5f5f5,
- //----------------------------------------------
- ));
|
