茂日客聚集组件库

本项目基于茂日客聚集项目分离出来的组件库,暂供内部人员使用。

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 弹窗组件