themeColor字符串
(默认:“二次”)
指定组件的主题颜色。有效选项为
继承
:徽章不会上色。当徽章需要融入周围的元素时很有用。默认的
:根据表面主题颜色进行着色。主要的
:以主主题色为基础上色。二次
:以次要主题色为基础上色。三级
:以第三主题色为基础进行着色。信息
:根据信息主题颜色应用着色。成功
:基于成功主题色进行着色。警告
:根据警告主题颜色进行着色。错误
:根据错误主题颜色进行着色。黑暗
:以深色主题色为基础上色。光
:始终以浅色主题色着色。倒
:根据主题的明度,明或暗,颠倒会暗或明。
例子
< span id = " badge-inherit " >继承< / span > < span id =“badge-default”>默认< / span > < span id =“badge-primary”>主要< / span > < span id =“badge-secondary”>二级< / span > < span id =“badge-tertiary”>三级< / span > < span id =“badge-info”>信息< / span > < span id = " badge-success " > < / span >成功< span id =“badge-warning”>警告< / span > < span id =“badge-error”>误差< / span > < span id =“badge-dark”>暗< / span > < span id =“badge-light”>光< / span > < span id =“badge-inverted”>倒< / span > <脚本>美元(“# badge-inherit”)。kendoBadge({themcolor: 'inherit'});$ (" # badge-secondary”)。kendoBadge({themcolor: 'secondary'});$ (" # badge-primary”)。kendoBadge({themcolor: 'primary'});$ (" # badge-secondary”)。kendoBadge({themcolor: 'secondary'});$ (" # badge-tertiary”)。kendoBadge({themcolor: 'tertiary'});$ (" # badge-info”)。kendoBadge({ themeColor: 'info' }); $('#badge-success').kendoBadge({ themeColor: 'success' }); $('#badge-warning').kendoBadge({ themeColor: 'warning' }); $('#badge-error').kendoBadge({ themeColor: 'error' }); $('#badge-dark').kendoBadge({ themeColor: 'dark' }); $('#badge-light').kendoBadge({ themeColor: 'light' }); $('#badge-inverted').kendoBadge({ themeColor: 'inverted' });