MOYE
一个轻便的UI组件库
Moye 使用非常简洁易懂的语言来命名类名,并且脱离了标签的束缚。
<div class="ui-button">按钮1</div>
<a class="ui-button">按钮2</a>
<button class="ui-button">按钮3</button>
Moye 提供了多种控件的 smarty 模板,帮助您生成统一的 html 代码,节省编写复杂的 html 结构的时间。
{%Select data={"datasource":[{"value": 0,"name": "不限"}, {"value": 1,"name": "中关村、上地"}, {"value": 2,"name": "公主坟商圈"}, {"value": 3,"name": "劲松潘家园"}, {"value": 4,"name": "亚运村"}, {"value": 5,"name": "北京南站商圈超长"}]}%}
Moye 的所有控件和插件都提供了统一的接口,用户只需要修改配置参数,就可以得到想要的功能。
var Tab = require('moye/Tab');
new Tab({
main: $('#tab')
}).render();
{%Tab data={"datasource": [{"text": "昨日"},{"text": "近1周"},{"text": "近1月"}]}%}
Moye 提供了多种多样的主题,用一套相同的代码,可以添加多重样式
var Pager = require('moye/Pager');
new Pager({
main: $('#pager1'),
total: 10
}).render();
new Pager({
main: $('#pager2'),
skin: 'qiche',
total: 10
}).render();
new Pager({
main: $('#pager3'),
skin: 'jiaoyu',
total: 10
}).render();
new Pager({
main: $('#pager4'),
skin: 'youxi',
total: 10
}).render();
最全的网页控件
最小的传输体积
100+样式变量
多达20余种插件支持
Free Open Source
灵活的自定义扩展