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

太过爱你忘了你带给我的痛 2024-04-29 19:24 73阅读 0赞

一、后台

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][]

![990b377dac98405aabea621fa3d4d582.jpeg][]

[41a6120231008215119742.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/20408ee3057b4639877631450b08f555.png
[34d22202310082151411792.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/2acd182253074790810017d98f0f2ce2.png
[abce0202310082151349374.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/cb8d56dfbc0f4c51a4aecae7a9b27852.png
[6d8d6202310082155259669.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/43f1012f9b3e4f178861c4082489ad28.png
[08ea4202310082155478755.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/b4ea848fc86c404880bf1ca250c53e54.png
[ea782202310082156053548.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/1ddf665faa24440091b590f47717e60b.png
[5ba0c202310082156241693.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/846c04cfebd648ce868b6e4df6e58d51.png
[c19d7202310082156569687.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/a9f1c9d17d2f4432b02976d54acc9018.png
[5ee3220231008215716586.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/cfbd16fd57734ead9aa2e29fb1c5c138.jpeg
[7b2ac202310082157228029.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/0c45ce8e9ad2448588464d1ac7a8dd66.png
[6bb62202310082157494361.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/d60aa73ada8e4f70b2c91f838ca9a83e.png
[25f54202310082157589314.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/87670a7f0d90476abdabdfd82a6f5af0.png
[7e793202310082158295873.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/6173b757818e4adc8083d472cae61b4c.jpeg
[f883820231008215829684.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/ed48d5ce59d14db9a773f422869a3b59.jpeg
[959ac202310082158307011.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/ad950ba5c39f486e9054a26a9720e560.png
[c41be202310082158539683.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/61b555ad25da46d188def175c9ca661b.png
[48d48202310082159089520.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/efc38ff123b544409dc04731acc35aeb.png
[bd1b2202310082159241984.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/6fb621a1ba13482c9132f9b7d33c5d54.jpeg
[f318a202310082159409758.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/af138987c9a541ce900c7ba8acc2d4e0.png
[9f252202310082200485086.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/22b2c956c199462dbdeda7eca34c735d.png
[73b55202310082202206493.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/1b7a540ffcc841d59641208c3b58ef48.png
[426db202310082202495003.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/4a1236c57ef344f6864a4e0dd74519dd.png
[db7f0202310082203134996.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/d960d089551d4e2ea5a3d66a0bfbdc68.png
[65925202310082204026814.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/6c2e2f1e668f4333957571ded57cc6ee.png
[492bb202310082204318693.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/78a791c4d9244366acabfd280c61aa3c.png
[597fe2023100822045672.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/04fe2256a93c4663b84eea1844b85147.png
[55c98202310082205206961.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/6d08df1b48f94f3da679616ccfb5b545.png
[a00fa202310082205417795.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/7c9b4e2ed1934fa6a4d3dfa31f8f6e92.png
[990b377dac98405aabea621fa3d4d582.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/621dce1282ba4eff83ae74d1d9f6c9c0.jpeg