CRMEB 标准版商城系统新增主题风格颜色【超级完整教程】

214 阅读1分钟

一、后台

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

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

41a6120231008215119742.png

34d22202310082151411792.pngabce0202310082151349374.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.jpegf883820231008215829684.jpeg959ac202310082158307011.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

完整附件:点此下载