Skip to content
On this page
设计指南 tmui.design

定义主题

🎉 编辑默认主题

请参考进阶指南中的全局配置,去配置自定义主题表。

主题配置

🎉 动态添加主题

这里的动态添加主题,非上文中事先添加的默认主题。而是交由用户定义主题,比如让用户自定一个值来应用整体APP应用。是不是很爽。并且这种 方式是不限制主题数的。只要提供一个颜色值和一个主题名称即可。每个用户都可以定制化自己的属性色彩APP

import { useTmpiniaStore } from '@/tmui/tool/lib/tmpinia';
const store = useTmpiniaStore();
/**
 * colorName:string 主题名称,必须字母
 * color:string 颜色值,必须是16进制,且含#。比如:#FF0000
 * isSet=true 添加完成后,是否立即应用整个APP.
 */
store.setTmVuetifyAddTheme(colorName:string,color:string,isSet=true)