1.0.3 • Published 3 years ago

qg-pc-scroll-plugin v1.0.3

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

qg-pc-scroll-plugin

介绍

这是 pc 端 scroll 组件

软件架构

软件架构说明

安装教程

  1. npm i qg-pc-scroll-plugin

使用说明

  1. 支持按需引入,例如:
    Vue.use(huayu-pc-qg-pulgin,{
        components:["qg-scroll","qg-scroll-box"],
    })
  2. qg-scroll 组件的使用 例如:

    <qg-scroll style="height:500px;" :downState.sync="downState" :viewNode="viewNode" ref="scroll" @onscroll="onscroll" @onpullingDown="onpullingDown" @onpullingup="onpullingup" :showPullup.sync="showPullup">
    ...
    </qg-scroll>
  3. qg-scroll-box 组件的使用 例如:

    <qg-scroll-box style="height:500px" :tabList="['基本信息', '职务信息']">
        <template v-slot:scroll0="{ item }">
            <div>{{ item }}</div>
                <div class="scroll scroll0">
                <div v-for="(item, i) in 30" :key="i">kljsldkfjlkjsdf</div>
            </div>
        </template>
        <template v-slot:scroll1="{ item }">
            <div class="scroll scroll1">
                <div>{{ item }}</div>
                <div v-for="(item, i) in 30" :key="i">kljsldkfjlkjsdf</div>
            </div>
        </template>
    </qg-scroll-box>
1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago