@import './iconfont.css';
|
|
.test {
|
// 可以通过 @apply 多个样式封装整体样式
|
@apply mt-4 ml-4;
|
|
padding-top: 4px;
|
color: red;
|
}
|
|
:root,
|
page {
|
// 修改按主题色
|
// --wot-color-theme: #37c2bc;
|
|
// 修改按钮背景色
|
// --wot-button-primary-bg-color: green;
|
}
|
|
// base文字颜色
|
.text-color-base {
|
color: $uni-text-color;
|
}
|
.text-color-gray {
|
color: $uni-text-color-grey;
|
}
|
|
// 图标颜色
|
.icon-color-base {
|
color: $uni-color-primary;
|
}
|
.icon-color-gray {
|
color: $uni-text-color-grey;
|
}
|
.icon-color-success {
|
color: $uni-color-success;
|
}
|
|
.icon-color-warning {
|
color: $uni-color-warning;
|
}
|
.icon-color-purple {
|
color: #824eed;
|
}
|
|
.bg-base {
|
background: $uni-bg-color-grey;
|
}
|
|
.bg-primary {
|
background: $uni-color-primary;
|
}
|
