Skip to content

izilongwan/vue-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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