基于vue2.0开发的360金服前端组件库,以金融为主题,是一套符合金融领域app开发的前端组件库。部分组件还在完善中,待开发完成1.0版本会发布在npm上,目前不提供npm包下载。
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
名称 | 功能描述 | 状态 |
---|---|---|
popup | 基础弹出层组件,支持不同方向的弹出,支持隐藏mask的弹出形式 | 已完成 |
action sheet | 附带关闭按钮的自定义头部,自定义底部,自定义内容的起底弹窗 | 已完成 |
dialog | 对话框,支持命令式的条用方式,具体功能看demo | 已完成 |
picker | 选择器 | 已完成 |
datePicker | 日期选择器 | 已完成 |
segPicker | 级联选择器,适用于多级操作 | 已完成 |
dropDown | 下拉选择菜单,支持全屏下拉和局部下拉 | 已完成 |
名称 | 功能描述 | 状态 |
---|---|---|
cell | 单元格条目 | 已完成 |
panel | 面板 | 已完成 |
card | 卡片 | 已完成 |
actionBar | 操作条 | 完成中 |
名称 | 功能描述 | 状态 |
---|---|---|
flex | 拖动到底部或顶部时,使用svg模拟的原生拖动阴影效果 | 已完成,未测试 |
trans | 提供了一套页面过度的效果 | 已完成 |
名称 | 功能描述 | 状态 |
---|---|---|
tabBar | tab 切换条 | 已完成 |
tabContainer | tab 内容切换容器 | 已完成 |
tab | tab 切换 | 已完成 |
slide | 默认幻灯片效果,可自定义内容 | 已完成 |
scroll | 上拉加载, 下拉刷新 | 已完成 |
名称 | 功能描述 | 状态 |
---|---|---|
input | 封装原生的input, 支持格式化手机,银行卡,电话等,自带关闭按钮 | 已完成 |
button | 按钮,支持请求模式,disable等模式,具体功能看demo | 已完成 |
checkbox | 多选框 | 已完成 |
raido | 单选框 | 已完成 |
名称 | 功能描述 | 状态 |
---|---|---|
number | 数字,支持精度设置,千分位,取整, 动画过渡,带金额符号¥ | 已完成 |
keyboard | 键盘 | 已完成 |
codebox | 密码框 | 已完成 |
amount | 金额输入 | 已完成 |
banklist | 银行列表 | 已完成 |
price | 金额拖动选择 | 已完成 |
名称 | 功能描述 | 状态 |
---|---|---|
dataWindow | 数据窗 | 已完成 |
calendar | 日历 | 已完成 |
loading | 加载动画,具体功能看demo, 支持命令式引入 | 已完成 |
toast | 轻提示,具体功能看demo | 已完成 |
noticeBar | 全局通知 | 已完成 |
stepBar | 步骤条 | 未完成 |
bulletin | 公告栏 | 已完成 |
tip | 气泡提示 | 已完成 |
progressBar | 进度条 | 已完成 |
badge | 徽章 | 已完成 |
sticky | 吸顶工具 | 已完成 |