更新记录

1.0.1（2023-05-11） 下载此版本

1.0.1

1.0.0（2023-05-11） 下载此版本

1.0.0

平台兼容性

l-dragPage

滑动切换页面组件带滑动自动居中tab选项 注意：使用下拉刷新需要手动关闭 你的数据请求完毕后使用ref将组件的refreshing设置为false关闭下拉刷新
上拉加载更多需要配合loadingText使用 如果您还有数据可以设为正在加载等 如果没有了可以设置为到底了等

使用方法

配置easycom规则后，自动按需引入，无需import组件，直接引用即可。 本组件非常灵活 用户所有页面样式数据无需传入组件 完全自己控制 组件只控制滑动切换页面 下拉刷新 上拉加载更多 目前是最基础的 后面还会慢慢优化 如增加自定义下拉刷新样式等 如您有3个页面 插槽就要写三个分别用插槽名字swiper + 第几个页面 如第一个页面 插槽名为swiper1 具体如下

<l-dragPage ref="aaa" :tabbar="tabBars" @handleBusChange="handleBusChange" @onrefresh="onrefresh" @loadMore="loadMore">
            //示例1:这里是所有页面 如果是列表页面或者结构相同页面可以直接循环
            <view v-for="(item,index) in newslist" :key="index" :slot="'swiper' + index"> 
                <view v-for="(item1, index2) in item.data" :key="item1.id">
                    这里是页面{{index}}具体内容...
                </view>
            </view>

            //示例2:
            <view:slot="swipe1"> //如果每个页面结构不同就要单独写每个页面样式内容 用插槽名 假设有三个页面
                <view>
                    这里是页面1具体内容...
                </view>
            </view>
            view:slot="swipe2"> //如果每个页面结构不同就要单独写每个页面样式内容 用插槽名 假设有三个页面
                <view>
                    这里是页面2具体内容...
                </view>
            </view>
            view:slot="swipe3"> //如果每个页面结构不同就要单独写每个页面样式内容 用插槽名 假设有三个页面
                <view>
                    这里是页面3具体内容...
                </view>
            </view>
        </l-dragPage>

组件属性

组件事件

插槽slot