ELIO 乌伊
(原始内容存档于2018-10-21). ELIO QQQ 反放UI.
📚
说吧
npm run docs:dev실행http://localhost:5173접속
AI 연동 (MCP)
AI QQ( 语言规范 ) 정확한道具로 MCP서버를.
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 .mcp.json 한.
{
"mcpServers": {
"elio-ui": {
"command": "node",
"args": ["./node_modules/@elio_it/elio-ui/dist/mcp/server.cjs"]
}
}
}
API·디자인 토큰·사용화면• 妇女{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢.
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 个人电脑 맡길. 개발:"바탕화면에"也.
check_environment → create_project → install_and_run
환경 점검 폴더·파일 생성 설치 후 localhost 주소 반환
설치와 AI 연동 (MCP) 가이드 를.
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
(原始内容存档于2018-03-21). ELIO UIQ (npmjs.com). {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? → {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
npm install @elio_it/elio-ui styled-components
import { ThemeProvider } from 'styled-components';
import { theme, GlobalStyle } from '@elio_it/elio-ui/styles';
import { ElioOverlayProvider } from '@elio_it/elio-ui/Overlay';
import { TextButton } from '@elio_it/elio-ui/Button';
function App() {
return (
<ThemeProvider theme={theme}>
<GlobalStyle />
<ElioOverlayProvider>
<TextButton text="확인" variant="primary" color="blue" />
</ElioOverlayProvider>
</ThemeProvider>
);
}
⚠️
GlobalStyle을.html { font-size: 10px }를, {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 모든 1.6배로. 下一个 {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 참고.
🎨
| 카테고리 | 컴포넌트 |
|---|---|
| 按钮 | 文本按钮、 文本Icon按钮、 图标按钮 |
| 控件 | 复选框、 电台、 切换、 标签 |
| 下坠 | 向下过滤, 向下分类 |
| 投入 | 过滤输入 |
| 拾取器 | 过滤 DatePicker, 过滤 DatePickerPeriod |
| 反馈 | 旋转、 托斯特、 确认 |
| 重叠 | ModalFrame 调制解析器 |
| 图表 | 表格,表格显示器 |
| 图标 | SVG 아이콘 컴포넌트 |
| 线粒体 | (原始内容存档于2018-09-29). ElioProjectIcon (엘리오) |
| 版式 | PageLayout, 页面页眉, 过滤栏, 过滤组, 区域, Grid, 指南文本, 脚注 |
| 图表 | ElioLine Chart, ElioColumn Chart, ElioDonut Chart (Highcharts QQ) (英语) |
| 屏幕 | ElioScreen (JSON) ~ ~ ~ ) |
📝
| 명령어 | 설명 |
|---|---|
npm run build | 라이브러리 |
npm run build:watch | 看着 |
npm run storybook | 童话小说 |
npm test | 테스트 |
npm run docs:dev | {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 |
📄
MIT 许可证