This commit is contained in:
parent
09190c51ac
commit
ea82ab7915
|
@ -1,11 +1,11 @@
|
|||
<!-- 自定义下拉刷新与上拉加载演示(vue) -->
|
||||
<template>
|
||||
<view class="content">
|
||||
<z-paging ref="paging" v-model="dataList" @query="queryList" >
|
||||
<z-paging ref="paging" v-model="dataList" @query="queryList" >
|
||||
<!-- 需要固定在顶部不滚动的view放在slot="top"的view中,如果需要跟着滚动,则不要设置slot="top" -->
|
||||
<!-- 注意!此处的z-tabs为独立的组件,可替换为第三方的tabs,若需要使用z-tabs,请在插件市场搜索z-tabs并引入,否则会报插件找不到的错误 -->
|
||||
<template #top>
|
||||
<view class="service-head-top" >
|
||||
<view class="service-head-top">
|
||||
<view class="service-head-top-left">
|
||||
<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
|
||||
<span>项目次卡</span>
|
||||
|
@ -28,7 +28,7 @@
|
|||
|
||||
<!-- 注意注意注意!!字节跳动小程序中自定义下拉刷新不支持slot-scope,将导致custom-refresher无法显示 -->
|
||||
<!-- 如果是字节跳动小程序,请参照sticky-demo.vue中的写法,此处使用slot-scope是为了减少data中无关变量声明,降低依赖 -->
|
||||
<template #refresher="{refresherStatus}">
|
||||
<template #refresher="{refresherStatus}" >
|
||||
<!-- 此处的custom-refresh为demo中自定义的组件,非z-paging的内置组件,请在实际项目中自行创建。这里插入什么view,下拉刷新就显示什么view -->
|
||||
<custom-refresher :status="refresherStatus" />
|
||||
</template>
|
||||
|
@ -39,7 +39,7 @@
|
|||
</template>
|
||||
|
||||
<!-- 如果希望其他view跟着页面滚动,可以放在z-paging标签内 -->
|
||||
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)" style="margin-top: 120rpx;">
|
||||
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)" >
|
||||
<!-- <view class="item-title">{{item.title}}</view>
|
||||
<view class="item-detail">{{item.detail}}</view> -->
|
||||
<!-- <view class="item-line"></view> -->
|
||||
|
|
Loading…
Reference in New Issue