返回介绍

皮肤 / skin

发布于 2020-09-22 12:56:34 字数 1016 浏览 1030 评论 0 收藏 0

皮肤

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

功能特点:

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

生效时机:

皮肤是由 Controlrender 方法统一处理的,在调用 Control.prototype.render() 时会自动按照上述规则生成样式,并添加到主元素。

示例

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 小体积皮肤样式

特别说明:

目前, 皮肤是只读属性,不能通过repaint来重绘。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文