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>