主题
基础用法
有两种方式设置主题:
使用config.xml设置初始主题.
<config> <theme name="default-red"></theme> </config>
使用侧边栏设置页面的主题。当主题被设置后,需要刷新页面即可看到新主题的效果。
备注:如果删除了浏览器的缓存,主题将在浏览器刷新时返回初始设置。
主题列表
不需要包含任何主题文件,系统将自动载入它们。
- default-blue:
<script src="../../dist/kqcss-default-blue.js"></script>
- default-red:
<script src="../../dist/kqcss-default-red.js"></script>
- black-black:
<script src="../../dist/kqcss-black-black.js"></script>
- blueopal-blue:
<script src="../../dist/kqcss-blueopal-blue.js"></script>
- bootstrap-blue:
<script src="../../dist/kqcss-bootstrap-blue.js"></script>
- fiori-blue:
<script src="../../dist/kqcss-fiori-blue.js"></script>
- flat-black:
<script src="../../dist/kqcss-flat-black.js"></script>
- highcontrast-purple:
<script src="../../dist/kqcss-highcontrast-purple.js"></script>
- material-blue:
<script src="../../dist/kqcss-material-blue.js"></script>
- materialblack-black:
<script src="../../dist/kqcss-materialblack-black.js"></script>
- metro-green:
<script src="../../dist/kqcss-metro-green.js"></script>
- metroblack-black:
<script src="../../dist/kqcss-metroblack-black.js"></script>
- moonlight-black:
<script src="../../dist/kqcss-moonlight-black.js"></script>
- nova-red:
<script src="../../dist/kqcss-nova-red.js"></script>
- office365-blue:
<script src="../../dist/kqcss-office365-blue.js"></script>
- silver-blue:
<script src="../../dist/kqcss-silver-blue.js"></script>
- uniform-gray:
<script src="../../dist/kqcss-uniform-gray.js"></script>
预览图
default-blue
default-red
black-black
blueopal-blue
bootstrap-blue
fiori-blue
flat-black
highcontrast-purple
material-blue
materialblack-black
metro-green
metroblack-black
moonlight-black
nova-red
office365-blue
silver-blue
uniform-gray
UI效果
default-blue
default-red
black-black
blueopal-blue
bootstrap-blue
fiori-blue
flat-black
highcontrast-purple
material-blue
materialblack-black
metro-green
metroblack-black
moonlight-black
nova-red
office365-blue
silver-blue
uniform-gray