stylus定义全局变量

很多项目都会有一个主题色,这个色值在很多地方都会使用到,或者一些在很多地方都会用到的共同的东西,这种情况下最好的办法就是定义一个全局变量,方便使用。

最近项目使用stylus写css,也正好有这样的需求,正好把stylus定义变量的方法总结一下。

在这里插入图片描述
这是项目的头部,背景颜色其实就是整个项目的主题色。为了在其他地方方便使用,需要定义一个全局变量。
方法如下:

  1. 创建一个用来定义全局变量的文件 varibles.styl
    在这里插入图片描述
  2. varibles.styl中定义全局变量
    在这里插入图片描述
  3. 在组件中使用引入并使用变量
    在这里插入图片描述

END


版权声明:本文为weixin_41257563原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。