visa-h5-components

组件库

ChangeLog

[0.1.3]增加下滑组件，活动选择组件，时间组件起始时间控制 [0.1.4]webpack打印错误信息限制解除，组件静态资源补充 [0.1.5]增加通用loading组件 [0.1.6]忘记执行build...

bank-card-input

银行卡号每4个数字空一格展示，如：(4321 1234 4321 1234)

<bank-card-input type="text" v-model="cardNumber"/>

record-data-list

var transactionDataList = [
    {
        name: 'merchantName',
        amount: "+ $100",
        time: DateFormat("yyyy-MM-dd hh:mm"),
        status: 'status',
    }
]
var endText = 'end'
<record-data-list
    v-if="transactionDataList.length"
    :list="transactionDataList"
    :on-scroll-to-bottom="loadList"
    :end-text="(loading)? endText : ''"
/>

wrapable-text

var text = '1\n2\n3'
<wrapable-text :text="text" />

mescroll

<mescroll-vue ref="mescroll" :up="up" :down="down" @init="mescrollInit">

data-picker

可选择年份默认从startYear到当前年月 内置confirmStyle确认按钮样式 updateTime点击确定回调 dataPickerClose点击取消或蒙版回调 <date-picker v-if="showDatePicker" :visible.sync="showDatePicker" :year="year" :month="month" :rowNumber="3" :item-height="54" :startYear="2020" :dateRange="datePickerRange" :confirmStyle="confirmStyle" @updateTime="updateTime" @dataPickerClose = "dataPickerClose" />

panel-picker

<panel-picker v-if="showMixPanelPicker" @on-close="showMixPanelPicker=false" :data="panelList" v-model="panelPickerData" :color="buttonColor"

loading