FMUI

FMUI(Finance Mobile UI) 移动端组件库

内容

• 环境搭建
• 编译预览
• 组件列表
• 组件调用
• 注意事项
• 文档示例
• 版本更新
• 谁在使用
• 问题反馈
• 作者简介
• 版权许可

初始化项目

安装node,fis3-arrow

npm install -g fis3-arrow --registry=https://registry.npm.taobao.org
$ sudo mkdir project-demo
$ cd project-demo
$ git clone https://github.com/zuojj/fmui.git

编译 & 预览

cd fmui
// 预览
fisa release 

// 实时预览
fisa release -wL
// 发布
fisa release prod

组件列表

• ActionSheet 上拉列表
• Agreement 协议模板
• Button 按钮
• Checkbox 单复选框
• CitySelect 省市区三级联动
• Countdown 倒计时
• Datepicker 日期控件
• Dialog 弹窗
• Form 表单
• List 列表
• Notice 顶部通知
• Overlay 遮罩层
• Search 搜索框
• Switch 滑动开关
• Tab Tab切换
• Toast Toast气泡
• Validate 表单校验

组件调用

// 上拉列表
$.actionSheet({
    items: {
        '选项一': function() {
            alert('A');
        },
        '选项二': function() {
            alert('B');
        }
    }
}).on('destroy', function() {
    alert('=====destroy=====');
});

// 省市区三级联动
$('#citySelector, #addressResident').citySelect({
    url: '/test/city',
    province: {
        data: pdata
    };
});

注意事项

1. .tmpl文件建议以下划线开头命名，这样编译时不会产出，同时解决和同目录下与js同名时编译出现bug问题，或者在fis-conf.js中配置不产出。

文档示例

版本更新

FMUI 的版本方针遵循 SemVer 规范，版本号采用 主版本号.次版本号.修订号 的格式。详情请查看changelog

项目使用

• 58车分期
• 58车商贷
• 58车分期CRM

问题反馈

有问题可以直接提到Issues和Pull Requests

作者简介

煦涵（Benjamin）, at Beijing 您可以在以下地方找到我：

• Github
• Weibo
• Twitter
• Blog

版权许可

源码和文档版权属于 zuojj.com。源码发布基于 MIT license 开源协议。文档发布基于 Creative Commons 开源协议。