⭐️ 继续 Shopify 主题二开 / 小窝后台换色功能

2021-11-16

别的项目基本上搞得差不多了,今天只能硬着头皮继续研究 Shopify 主题二开了。大概跟着文档走,主要得知了模版核心的 Section 块的一些设置项,可指定具体设置的类型,再在模板里面使用 控制流标签 结合变量进行判断等,和 PHP、Hexo 的 EJS 这些写法都类似,那么现在的问题就是 CSS 样式的重置上面了。

模板本身的“组件”还得提供给用户可自定义的相关 输入设置,参考文档设置不同的类型,可以实现调用图片、自定义文案、插入 SVG 或 HTML 代码等。

每个模板都有自己的样式,想要按照设计稿完成的话,只能对模板本身的一些样式做覆盖了。这也是我讨厌做的事情啊,但是你也没有什么办法,只能照做了,代码不完美就不完美吧!

睡前主要给小窝后台增加了主色切换功能,原本只有单调蓝色作为主色的界面现在可以通过手动操作进行切换,变成红、黄、蓝、绿等等,而这仅仅需要改动一个 CSS 变量!

期间发现奇趣框架 ks-tag 有个比较小的 Bug,如果使用 left bottom 一类的双定位方式,而恰巧父容器尺寸特别小,就会导致文本处的坐标错乱。我花了超过十五分钟尝试解决这个问题,但都没能解决。目前最简单的解决办法,就是直接使用 bottom 定位即可。

本来一点多就洗好澡可以睡觉了,结果这一搞就又是 2 个小时了,所以说想要早睡,就得切忌看视频、写代码和日记!

后台换肤功能
配乐 多云 一般
概览页 时间轴
奇趣音乐盒 技术源于 Kico Player
Emmm,这里是歌词君