@mcui/core v1.12.12
@mcui/core
MCUI 核心组件,MCUI 全局架构性组件。官网 https://mcui.fekit.cn/
安装
安装核心
npm i @mcui/core
安装组件
npm i @mcui/btns
引用
// main.scss
// 添加主题
$theme: (
light: (
main: #d52932, // 主体
vice: #67337d, // 辅助
text: #000000, // 文本
back: #ffffff, // 底色
link: #0d66d0, // 链接
code: #e23861, // 代码
well: #4bbc73, // 提倡
warn: #fb9a2a, // 警告
risk: #f95850, // 风险
info: #0889e4 // 信息
),
dark: (
main: #91cc48,
vice: #ffa60f,
text: rgba(255, 255, 255, 0.9),
back: #262629,
link: #00b9ff,
code: #e23861,
well: #49ca74,
warn: #fb9a2a,
risk: #fd7466,
info: #949af9
)
// 添加更多主题...
);
// 引用框架核心
@import '~@mcui/core';
// 引用业务组件
@import '~@mcui/btns';
// 引用更多组件...
使用
颜色
@import '~@mcui/core';
.header {
position: fixed;
width: 100%;
height: 4rem;
left: 0;
top: 0;
@include theme {
background-color: co(back);
color: co(text);
}
}
↓
/* 编译成css: */
.header {
position: fixed;
width: 100%;
height: 4rem;
left: 0;
top: 0;
}
[mcui~='light'] .header {
background-color: #ffffff;
color: #000000;
}
[mcui~='dark'] .header {
background-color: #262629;
color: rgba(255, 255, 255, 0.9);
}
响应三端
@import '~@mcui/core';
body{
font-size:14px;
@include mob{
font-size: 12px;
}
}
↓
/* 编译成css: */
body{
font-size:14px;
}
@media screen and (max-width: 767px) {
body{
font-size:12px;
}
}
更多
详细文档请到MCUI官网 https://mcui.fekit.cn
3 months ago
4 months ago
10 months ago
8 months ago
8 months ago
9 months ago
8 months ago
10 months ago
10 months ago
7 months ago
8 months ago
8 months ago
8 months ago
7 months ago
7 months ago
7 months ago
7 months ago
6 months ago
6 months ago
8 months ago
8 months ago
8 months ago
6 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
12 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
12 months ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago