色彩

介绍

zebra-ui内置了一些颜色。如果你在项目中使用了scss,那么你可以直接使用zebra-ui内置的颜色。

引用文件

在我们新建uniapp项目之后,我们可以看到,在项目中有一个命名为uni.scss的文件。而我们只需要在文件中加入以下代码即可。

@import 'zebra-ui/theme.scss';

如果你的项目中没有uni.scss文件也没有关系。我们也可以在App.vue中引入,同样可以使用zebra-ui内置颜色。

基本使用

.demo{
    background: $primary;
}

颜色

主色

primary
$primary
dark
$primary-dark
light
$primary-light

辅助色

primary
$second
dark
$second-dark
light
$second-light
primary
$third
dark
$third-dark
light
$third-light

中性色

gray-1
$gray-1
gray-2
$gray-2
gray-3
$gray-3
gray-4
$gray-4
gray-5
$gray-5
gray-6
$gray-6
gray-7
$gray-7
gray-8
$gray-8
black
$black
white
$white

功能色

red
$red
blue
$blue
orange
$orange
green
$green
orange-dark
$orange-dark
orange-light
$orange-light