- 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>