mrcomponentlibrary v1.0.6
茂日客聚集组件库
本项目基于茂日客聚集项目分离出来的组件库,暂供内部人员使用。
Install
npm install mrcomponentlibrary --save
Quick Start
import Vue from 'vue'
import Element from 'element-ui'
import MRComponentLibrary from 'mrcomponentlibrary'
Vue.use(MRComponentLibrary);
Vue.use(Element)
一、basic(基础组件)
- mrCustomClass:自定义样式
- LabelComponent组件使用labelClass字段作为自定义样式
01.BillCont 单据日期手工单号组件(这里多用于会员详情面板)
02.ComplexSelect 复合下拉框组件(这里只用于收支分类)
03.DateSegmentPicker 范围时间选择器(基于cube封装的组件,共三个版本)
04.DiscountSegment 范围时间选择器(运用场景不清楚)
05.FilterInput 范围输入框(两个范围值的输入框,多于用金额范围)
06.FooterButton 按钮组组件(一般用于弹窗的footer组件)
07.LabelComponent 块级复用组件(左侧文字,右侧任意组件)
08.MrTips 弹出框提示组件(多用于弹窗取消和确定,类似于element的MessageBox框)
09.SayTip 提示文字(基于element的Tooltip封装的)
10.SearchInput input框(有三种,CustomInput用于正则验证,NumInput用于数字,SearchInput用于搜索)
11.select 下拉框组件(多用于基础设置页面的下拉框)
12.SelectorButton 下拉框组件2(多用于基础设置页面的下拉框, 主要用在button按钮多的情况下的更多操作)
13.SelectorMultiple 多选下拉框组件 (功能和普通下拉框差不多,只是能多选)
14.Share “享”字(多用于有享的字)
15.TypeSelector 类型选择组件
15.MrCard 类型选择组件 卡片
16.MrDateSegmentPicker 时间组件(范围时间和单个的时间--已经处理了不同端)
17.MrIconSvg iconfont--svg(有颜色的)
18.MrPattern 应用图片组件(应用图片)
19.MrEllipsis 带有提示内容组件(如果有超出有省略内容,然后需要提示,可以使用该初见)
20.NavTab tab切换 (二选一的那种)
21.MrQrAmplification 放大二维码(扫码二维码,放大)
21.MrDefault 缺省图(缺省图)
22.MrReportTab 报表新样式报表tab(报表新样式tab)
23 SectionPicker 区间选择器
二、complex(复杂逻辑公共组件)
01.MrDialog 弹窗组件