主题样式

样式主题

# 主题 uni.scss

# 主题样式,这里就不一一讲解了,请查看源码@/uni.scss (opens new window)

# 添加相关变量

新增变量时,主要在相关的变量对象中添加就可以,
例如背景颜色值新增。那么请在$--background-color变量对象中添加:

$--background-color: (
  // 添加demo背景颜色
        'demo-color':#fff,
);

添加完成后,相关已经定义好的函数将执行自动生成相关的varclass,具体可看color,上面添加的那么可以使用

.demo {
  background: var(--demo-color);
}
<view class="background-demo-color"></view>