知识记录

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

用js修改scss变量(全局baseColor变量改变)

浏览 128 扫码 分享 2023-11-22 14:40:09
  • 1. 定义scss标量
  • 2. 修改scss变量
    • 注意: 对变量的修改是全局的,其他页面使用的这个变量也会同步修改颜色

    1. 定义scss标量

    1. // 需要对变量命名
    2. $theme-color: var(--themeColor, #fff);

    2. 修改scss变量

    1. document.getElementsByTagName('body')[0].style.setProperty('--themeColor', #000);

    注意: 对变量的修改是全局的,其他页面使用的这个变量也会同步修改颜色

    若有收获,就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • JavaScript
      • 处理金额数字
      • H5监听页面隐藏与展示
      • 用js修改scss变量(全局baseColor变量改变)
    • CSS
      • 可滚动页面上有可滚动弹框,防止弹框显示时划动使页面滚动
      • 禁用鼠标点击事件
      • 网站简体变繁体
    • webpack
      • 关于eslint-plugin-import无法识别webpack alias问题
    • GIT
      • 删除上一次提交commit
      • 将一个远程仓库迁移为新的仓库
      • 为项目绑定多个远程仓库
      • git commit 前缀
    • 小程序
      • wx.getLocation错误信息
    • 调试
      • 如何本地调试
    • 其他
      • 让PC与Mac的快捷键体验基本一致
    暂无相关搜索结果!

      让时间为你证明

      展开/收起文章目录

      分享,让知识传承更久远

      文章二维码

      手机扫一扫,轻松掌上读

      文档下载

      请下载您需要的格式的文档,随时随地,享受汲取知识的乐趣!
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度

          思维导图备注