Skip to content
leon edited this page Jan 26, 2015 · 2 revisions

皮肤机制

皮肤机制为moye控件提供强大的样式自定义能力,可以支持自定义样式换肤/风格主题

功能特点:

  1. 首先,每个控件都有一个基础样式类型: ui-{type},其中{type}表示控件的主类型;
  2. 其次,控件可以设定皮肤参数,并可以指定多个皮肤。每个皮肤设定都会添加两个样式类型: skin-{skin}skin-{skin}-{type}, 其中{skin}表示设定的皮肤。

示例:

var Button = require('moye/Button');
var button = new Button({
  main: document.getElementById('button'),
  skin: ['jinrong', 'small']
});
button.render();

使用以上代码moye会为元素button添加以下样式类型

  1. ui-button 类型样式
  2. skin-jinrongskin-jinrong-button 金融皮肤样式
  3. skin-smallskin-small-button 小体积皮肤样式