[新增] 页面回到顶部

common/mixin.js

@@ -1,18 +1,14 @@
 export default{
 	data(){
 		return {
-			// 返回顶部
-			needToTop: false
+			pageScrollTop: 0, // 页面距离顶部的距离
 		}
 	},
 	onLoad(option){
 		
 	},
 	onPageScroll(res) {
-		if(res.scrollTop > 1000){
-			this.needToTop = true;
-		}
-		this.needToTop = false;
+		this.pageScrollTop = res.scrollTop;
 	},
 	// 页面转发分享
 	async onShareAppMessage(res) {

pages/index/index.vue

@@ -29,7 +29,8 @@
 				<text v-if="tab.list.length" :class="{'loading-more-text': tab.loadingClass}">{{ tab.loadingText }}</text>
 				<my-nocontent v-else></my-nocontent>
 			</view>
-			
+			<!-- 回到顶部 -->
+			<u-back-top :scroll-top="pageScrollTop"></u-back-top>
 		</view>
 	</view>
 </template>
@@ -46,7 +47,7 @@
 			return {
 				tab_list: [{
 					name: '推荐',
-					list: [1, 2, 3],
+					list: [1, 2, 3, 4,5,6,7,8],
 					...shared
 				}, {
 					name: '每日必抢',
@@ -80,7 +81,6 @@
 			this.$http(this.API.API_GOODS_LIST, {data: 1}).then(res => {
 				console.log(res);
 			}).catch(err => err);
-			console.log(this.needToTop)
 		},
 		methods: {
 			change(index) {