uniapp下拉刷新,锚点等功能实现

uniapp下拉刷新,锚点等功能实现

<template>
	<!-- v-if : 防止网络请求完毕之前的 DOM 加载 -->
	<!-- scroll-view 专门的滚动组件, 拥有更多的功能 -->
	<!-- scroll-y: 允许竖向滚动,  默认 false -->
	<!-- 必须指定高度, 否则无法竖向滚动 -->
	<!-- @scrolltolower: scroll-view 的触底事件 -->
	<scroll-view
		v-if="data"
		@scroll="onScroll"
		:style="{ height: wh + 'px' }"
		:scroll-y="true"
		@scrolltolower="onReachBottom1()"
		:scroll-top="curST"
		:scroll-with-animation="true"
	>
		<uni-list>
			<uni-list-item v-for="(item, index) in data.data" :key="index">
				<image
					style="width: 240rpx; height: 240rpx; min-width: 240rpx;"
					slot="header"
					:src="'http://101.96.128.94:9999/' + item.pic"
					mode=""
				></image>
				<view class="content" slot="body">
					<text class="title">{
   {
    item.title }}</text>
					<text class="price">¥{
   {
    item.price }}</text>
				<<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值