用vant做的上拉加载内容
1下载vant
cnpm install vant -S
2在man.js引入插件
import {Loading,List,Cell} from "vant"
import "vant/lib/index.css"
Vue.use(Loading)
Vue.use(List)
Vue.use(Cell)
3用vant的list列表做的
<template>
<div id="app">
<!-- 轮播区域 -->
<div class="box">
<div class="content">
<div class="swiper-container" id="banner">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item,key) in banner" :key="key">
<img v-lazy="'/static/img/'+item.img" alt="">
</div>
</div>
</div>
<!-- 内容 加载区域-->
<!-- vant list组件区域 -->
<van-list
v-model="loading"
:finished="finished"
finished-text="数据加载完毕"
@load="onLoad"
>
<!-- 渲染数据 -->
Vant实现上拉加载内容
最新推荐文章于 2024-04-10 11:15:25 发布