uni-app(自定义题色变量)

1.安装sass

npm i sass -D

2.安装sass-loader

npm i sass-loader@10.1.1 -D

3.创建自定义文件

在根目录static目录下,创建scss->_them.scss,目录名称及文件名称自定义即可。

图片

4.定义颜色变量

在_them.scss中,自定义颜色变量,以$开头,示例代码如下:

$theme-color:#000
$theme-bg-color:#000;

5.在uni.scss中引入

图片

6.在文件中使用​​​​​​​

<style lang="scss">
  .content {
    background-color: $theme-bg-color;
  }
</style>

相关推荐

  1. uni-app 定义tabbar

    2024-03-29 21:20:01       12 阅读
  2. uni-app定义tabbar(van-tabbar)

    2024-03-29 21:20:01       31 阅读
  3. uni-app定义导航栏下拉刷新实现

    2024-03-29 21:20:01       17 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-29 21:20:01       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-29 21:20:01       20 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-29 21:20:01       20 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-29 21:20:01       20 阅读

热门阅读

  1. 只出现一次的数字

    2024-03-29 21:20:01       21 阅读
  2. GoogLenet网络结构及代码实现

    2024-03-29 21:20:01       20 阅读
  3. Vue实现SQL语句关键字高亮显示?

    2024-03-29 21:20:01       22 阅读
  4. go中方法的Receiver (值类型&指针类型)

    2024-03-29 21:20:01       19 阅读
  5. 【JVM】双亲委派机制

    2024-03-29 21:20:01       21 阅读
  6. ConvE算法模型

    2024-03-29 21:20:01       19 阅读