- Moye 开发规则
- Module: MoyeUtils 工具方法
- Class: Moye
- Class: Resource
- Class: Scene
- Class: ServiceClient
- 按钮 / Button
- 日历 / Calendar
- 城市选择器 / City
- 对话框 / Dialog
- 懒图片 / LazyImg
- 走马灯 / Marquee
- 翻页器 / Pager
- 浮层 / Popup
- 评分 / Rating
- 下拉框 / Select
- 轮播图 / Slider
- 选项卡 / Tab
- 文本框 / TextBox
- 提示 / Tip
- 表单 / Form
- 单复选框 / BoxGroup
- 开始 / get started
- 最佳实践 / best practice
- 开发指南 / introduction
- 插件 / Plugin
- 生命周期 / life cycle
- 皮肤 / skin
- 继承 / inherits
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
皮肤 / skin
皮肤
皮肤机制为 moye
控件提供强大的样式自定义能力,可以支持 自定义样式
与 换肤
/ 风格主题
。
功能特点:
- 首先,每个控件都有一个基础样式类型:
ui-{type}
,其中{type}
表示控件的主类型; - 其次,控件可以设定皮肤参数,并可以指定多个皮肤。每个皮肤设定都会添加两个样式类型:
skin-{skin}
与skin-{skin}-{type}
, 其中{skin}
表示设定的皮肤。
生效时机:
皮肤是由 Control
的 render
方法统一处理的,在调用 Control.prototype.render()
时会自动按照上述规则生成样式,并添加到主元素。
示例
var Button = require('moye/Button'); var button = new Button({ main: document.getElementById('button'), skin: ['jinrong', 'small'] }); button.render();
使用以上代码 moye
会为元素button添加以下样式类型:
ui-button
类型样式skin-jinrong
与skin-jinrong-button
金融皮肤样式skin-small
与skin-small-button
小体积皮肤样式
特别说明:
目前, 皮肤是只读属性,不能通过repaint
来重绘。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论