@izilong/vue-ui v1.2.37

@izilong/vue-ui

• 安装｜install

npm i @izilong/vue-ui

yarn add @izilong/vue-ui

• 使用｜use

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

• 引入CSS

import '@izilong/vue-ui/dist/css/index.css'

API Reference

• 组件纵览

VUI
  |-Confirm
  |-Loading
  |-Notify
  |-VirtualList

• Confirm | Parameter | Type | Description | | :-------- | :------- | :-------------------------------- | | title | string | Optional. title | content | string | Required. content | leftText | number | Optional. leftText | rightText | number | Optional. rightText | isMaskShow | boolean | Optional. is show mask | style | object | Optional. { top: 10%, left: 50% }

• Loading | Parameter | Type | Description | | :-------- | :------- | :-------------------------------- | | imgSrc | string | Optional. import imgSrc from xxx | body | string \| Element | Optional. Element | string (document.querySelector) | tip | string | Optional. tip | duration | number | Optional. duration | isMaskShow | boolean | Optional. is show mask | style | object | Optional. { top: 10%, left: 50% }

• Notify | Parameter | Type | Description | | :-------- | :------- | :------------------------- | | type | string | Optional. primary | success | danger | warning | info | title | string | Optional. title | content | string | Required. content | duration | number | Optional. duration | style | object | Optional. {top: 10%, left: 50%}

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