IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    用Alpinejs完成主题切换功能

    1900发表于 2024-04-17 13:48:13
    love 0
    终于把网站的主题切换功能做好了,这次的实现相当满意。 并且我联动了几个主题颜色比较特别的博友,他们分别有:雅余(黄色)、昱行(粉色)、风清(蓝色),大家可以在本站左侧菜单栏选择自己喜欢的配色浏览本站,欢迎给出意见和分享感受。 之前虽然也写过主题切换功能,但是思路没有这次完整,所以索性写一篇博文介绍一下整体实现思路和流程。 这次11ty-book我采用了Alpinejs作为网页的主js框架(真的挺好用的...),这个框架有中文文档 ,官方地址为:https://alpinejs.dev/。 * Alpine.js 通过很低的成本提供了与 Vue 或 React 这类大型框架相近的响应式和声明式特性。 * 你可以继续操作 DOM,并在需要的时候使用 Alpine.js。 * 可以理解为 JavaScript 版本的 Tailwind。 js部分 在主js文件中使用import的方式引入alpinejs文件,并将主题要用到的json数据对象放入Alpine.data对象中(data是alpinejs的数据主要传输方式)。 具体代码作用见下方代码片断。 import A


沪ICP备19023445号-2号
友情链接