标准版新增主题风格颜色【超级完整教程】

一、后台

1.新增主题图片 assets/images/brown.jpg和assets/images/brownsign.png

2.修改admin/src/pages/setting/themeStyle/index.vue

41a6120231008215119742.png

34d22202310082151411792.png

abce0202310082151349374.png

3.修改admin/src/pages/marketing/sign/index.vue

6d8d6202310082155259669.png

4.修改admin/src/pages/system/group/visualization.vue

08ea4202310082155478755.png

(第三步和第四步貌似用不上)

二、前台

1.修改app.vue

ea782202310082156053548.png

此处几个颜色自行调试调整,参照orange的来设置

5ba0c202310082156241693.png

2.修改pages/activity/goods_bargain/index.vue

新增bgList

c19d7202310082156569687.png

原图为(用此原图调整颜色并自行转为base64插入,下同)

5ee3220231008215716586.jpeg

插入

7b2ac202310082157228029.png

3.修改/pages/activity/goods_bargain_details/index.vue

同理新增图片数组

6bb62202310082157494361.png

修改

25f54202310082157589314.png

base原图分别为

7e793202310082158295873.jpeg

f883820231008215829684.jpeg

959ac202310082158307011.png

4.修改pages/activity/presell/index.vue

同理插入piclist

c41be202310082158539683.png

修改

48d48202310082159089520.png

base64图片

bd1b2202310082159241984.jpeg

5.修改pages/users/user_sgin/index.vue

f318a202310082159409758.png

三、效果

9f252202310082200485086.png

73b55202310082202206493.png

426db202310082202495003.png

db7f0202310082203134996.png

65925202310082204026814.png

492bb202310082204318693.png

597fe2023100822045672.png

55c98202310082205206961.png

a00fa202310082205417795.png

  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值