优化滚动监听。

pages.json

@@ -5,7 +5,9 @@
 			"path": "pages/home/index",
 			"style": {
 				"navigationStyle": "custom",
-				"navigationBarTextStyle":"white"
+				"navigationBarTextStyle":"white",
+				"enablePullDownRefresh": true,
+				"onReachBottomDistance": 45
 			}
 		},
 		{

pages/goods/detail.vue

 <template>
-	<scroll-view
+	<view
 		class="wrapper w-100"
-		scroll-y
-		@scroll="scrolling"
 	>
 
 		<c-nav_bar
@@ -151,7 +149,7 @@
 		
 		<!-- 购物弹窗 -->
 		<goods-popup ref="popup" />
-	</scroll-view>
+	</view>
 </template>
 
 <script>
@@ -231,11 +229,13 @@ export default {
 			image: goods_thumb ? `${this.baseUrl}/${goods_thumb}` : ''
 		}
 	},
-	methods: {
-		scrolling: throttle(function(e) {
-			const opacity = (e.detail.scrollTop / 375).toFixed(1)
+	onPageScroll: throttle(function(e) {
+		const scrollTop = e.scrollTop
+		if(scrollTop > 400) return
+		const opacity = (scrollTop / 375).toFixed(1)
 		this.navBg = `rgba(255, 255, 255, ${opacity})`
 	}, 300),
+	methods: {
 		// 富文本预览事件
 		preview(src, e) {
 		    // do something
@@ -337,7 +337,6 @@ export default {
 <style lang="scss" scoped>
 @import url("/components/parse/parse.css");
 .wrapper {
-	height: 100vh;
 	margin-bottom: 98rpx;
 	.swiper-wrap {
 		position: relative;

pages/home/index.js

@@ -50,34 +50,9 @@ function checkShowAll(Obj) {
 	}
 }
 
-// 上拉加载更多
-function scrolltolower() {
-	console.log('触底')
-	const cate_data = this.cate_data
-	if(this.checkShowAll(cate_data)) {
-		console.log('pass')
-		this.searchData()
-	}
-}
-
-function refresherrefresh() {
-	uni.showLoading({
-		title: '加载中...'
-	})
-	this.refresherTriggered = true
-	this.getStoreInfo()
-	this.getHomeCate()
-	let timer = setTimeout(() => {
-		this.refresherTriggered = false
-		uni.hideLoading()
-		timer = null
-	},500)
-}
 
 export default {
 	searchData,
 	getHomeCate,
-	checkShowAll,
-	scrolltolower,
-	refresherrefresh
+	checkShowAll
 }
\ No newline at end of file

pages/home/index.vue

 <template>
 	<view>
+		<!-- 顶部图片 -->
+		<image class="top-bg" src="/static/images/common/home-bg.png" mode="widthFix"></image>
 		
+		<!-- 导航栏 -->
 		<c-nav_bar
 			:color="navColor"
 			:title="storeInfo.shop_name"
 			:bg="navBg"
 		/>
 		
-		<scroll-view
-			style="height:100vh"
-			scroll-y
-			@scroll="scrolling"
-			@scrolltolower="scrolltolower"
-			refresher-enabled
-			:refresher-triggered="refresherTriggered"
-			@refresherrefresh="refresherrefresh"
-		>
-			
-			<image class="top-bg" src="/static/images/common/home-bg.png" mode="widthFix"></image>
-			
 		<view :style="{height: systemInfo.menuButtonInfo.bottom + 15 + 'px'}"></view>
 		<!-- 店铺信息 -->
 		<view class="store-wrap">
@@ -178,7 +169,6 @@
 			</view>
 		</template>
 
-		</scroll-view>
 		<!-- 购物弹窗 -->
 		<goods-popup ref="popup" />
 		<button type="default" open-type="share" id="share"></button>
@@ -210,7 +200,6 @@ export default {
 			searchList: [],
 			navBg: "rgba(255, 255, 255, 0)",
 			navColor: '#fff',
-			refresherTriggered: false
 		}
 	},
 	
@@ -283,19 +272,8 @@ export default {
 		}, 800)
 	},
 	
-	onShareAppMessage() {
-		return {
-			title: this.storeInfo.shop_name || ''
-		}
-	},
-
-	methods: {
-		...mapActions('cart', ['setCount']),
-		...mapActions('user', ['getStoreInfo']),
-		...indexModule,
-		
-		scrolling: throttle(function(e) {
-			const scrollTop = e.detail.scrollTop
+	onPageScroll: throttle(function(e) {
+		const scrollTop = e.scrollTop
 		if(scrollTop > 100) {
 			uni.setNavigationBarColor({
 				frontColor: '#000000',
@@ -316,6 +294,26 @@ export default {
 		}
 	}, 300),
 	
+	onShareAppMessage() {
+		return {
+			title: this.storeInfo.shop_name || ''
+		}
+	},
+	
+	onReachBottom() {
+		console.log('触底')
+		const cate_data = this.cate_data
+		if(this.checkShowAll(cate_data)) {
+			console.log('pass')
+			this.searchData()
+		}
+	},
+	
+	methods: {
+		...mapActions('cart', ['setCount']),
+		...mapActions('user', ['getStoreInfo']),
+		...indexModule,
+		
 		purchase(e) {
 			this.$refs.popup.show(e)
 		},

readme.md

@@ -28,17 +28,8 @@
 #### warning
 + 2021/6/29，本日起的代码可能会引起不适，but all can run（效率和质量不会成正比关系）
 
-#### 未完成
-+ 支付
-+ 订单管理
-+ 订单详情
-+ 精度处理
-
 #### unFinish, but not important
 + 自定义的导航栏的样式计算可以在vuex中处理（wxs计算）
 + 详情有个深拷贝的问题。暂时通过JSON.stringify()处理
 + 所有的价格都是通过toFixed会可能出现精度问题。一般发现不了
 + 确认订单页面要跳到地址列表页面选择
\ No newline at end of file
-
-
-签收退款  +  退款成功状态显示
\ No newline at end of file