izilongwan/vue-ui

ui for vue

@izilong/vue-ui

• Install

$ npm i @izilong/vue-ui
$ or yarn add @izilong/vue-ui

• js

import VueUI, { Notify, Loading, VurtualList } from '@izilong/vue-ui'

Notify

<!--type = 'primary' | 'success' | 'danger' | 'warning' | 'info'-->

Notify({ type, message, duration, isMaskShow, position })

Notify[type](message, duration, isMaskShow, position)

Loading({ message, duration, isMaskShow, position })

• VirtualList

<VirtualList :listData="listData" :handlePullupLoad="addList">
    <template #default="{ visibleListData, virtualIdx, positionList }">
        <li
          class="item" v-for="(item, idx) of visibleListData"
          :data-virtual-idx="virtualIdx + idx"
          :key="item.id">
            <span>{{item.id}}</span>
            <p>{{positionList[virtualIdx + idx]}}</p>
            <p class="txt">{{item.text}}</p>
        </li>
    </template>
</VirtualList>