From a64e10aa17886a51ad7ad0d831b06b65874a5e4c Mon Sep 17 00:00:00 2001
From: taohebin <taohebin@dcloud.io>
Date: Sat, 1 Jul 2023 12:57:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                    |  45 ++-
 pages/API/download-file/download-file.uvue    |  75 +++--
 pages/API/request/request.uvue                |  93 +++---
 pages/API/upload-file/upload-file.uvue        |  48 ++-
 .../websocket-global/websocket-global.uvue    | 315 +++++++++---------
 .../websocket-socketTask.uvue                 |  75 +++--
 pages/component/list/list.uvue                |  87 +++++
 .../scroll-view/scroll-view-refresher.uvue    |   5 +-
 pages/tabBar/component/component.uvue         |   6 +-
 9 files changed, 462 insertions(+), 287 deletions(-)
 create mode 100644 pages/component/list/list.uvue

diff --git a/pages.json b/pages.json
index 46337859..a19b268f 100644
--- a/pages.json
+++ b/pages.json
@@ -84,24 +84,24 @@
             "style": {
                 "navigationBarTitleText": "image"
             }
-        },
-		{
-			"path": "pages/component/image/image-format",
-			"style": {
-				"navigationBarTitleText": "image-format"
-			}
-		},
-		{
-			"path": "pages/component/image/image-mode",
-			"style": {
-				"navigationBarTitleText": "image-mode"
-			}
-		},
-		{
-			"path": "pages/component/image/image-path",
-			"style": {
-				"navigationBarTitleText": "image-path"
-			}
+        },
+		{
+			"path": "pages/component/image/image-format",
+			"style": {
+				"navigationBarTitleText": "image-format"
+			}
+		},
+		{
+			"path": "pages/component/image/image-mode",
+			"style": {
+				"navigationBarTitleText": "image-mode"
+			}
+		},
+		{
+			"path": "pages/component/image/image-path",
+			"style": {
+				"navigationBarTitleText": "image-path"
+			}
 		},
         {
             "path": "pages/component/web-view/web-view",
@@ -530,6 +530,15 @@
 		    }
 		            
 		}
+        ,{
+            "path" : "pages/component/list/list",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
     "globalStyle": {
         "pageOrientation": "portrait",
diff --git a/pages/API/download-file/download-file.uvue b/pages/API/download-file/download-file.uvue
index 61a7af82..6bb7cebb 100644
--- a/pages/API/download-file/download-file.uvue
+++ b/pages/API/download-file/download-file.uvue
@@ -1,8 +1,8 @@
 <template>
 	<view>
 		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view v-if="imageSrc" class="image-container">
+		<view class="uni-padding-wrap uni-common-mt">
+			<view v-if="imageSrc" class="image-container">
 				<image class="img" :src="imageSrc" mode="center" />
 			</view>
 			<view v-else style="margin-top: 50px;">
@@ -17,35 +17,51 @@
 	</view>
 </template>
 <script>
+	import DownloadTask from 'uts.sdk.modules.DCloudUniNetwork.DownloadTask';
 	export default {
 		data() {
 			return {
 				title: 'downloadFile',
-				imageSrc: ''
+				imageSrc: '',
+				task: null as DownloadTask | null,
+				pageVisible: false
 			}
 		},
+		onLoad() {
+			this.pageVisible = true;
+		},
 		onUnload() {
 			this.imageSrc = '';
+			this.pageVisible = false;
+			uni.hideLoading();
+			this.task?.abort();
 		},
 		methods: {
-			downloadImage: function () {
+			downloadImage: function() {
 				uni.showLoading({
-					title:'下载中'
+					title: '下载中'
 				})
 				var self = this
-				let task = uni.downloadFile({
-					url: "http://192.168.12.106:8080/downloadfile",
-					success(res) {
-						console.log('downloadFile success, res is', res)
-						self.imageSrc = res.tempFilePath;
-						uni.hideLoading();
-					},
-					fail: (err) => {
-						console.log('downloadFile fail, err is:', err)
-					}
-				});
-				task!.onProgressUpdate((update) => {
-					console.log("progress : ", update.progress);
+				this.task = uni.downloadFile({
+					url: "https://web-assets.dcloud.net.cn/unidoc/zh/uni-app.png",
+					success(res) {
+						if (this.pageVisible) {
+							console.log('downloadFile success, res is', res)
+							self.imageSrc = res.tempFilePath;
+							uni.hideLoading();
+						}
+					},
+					fail: (err) => {
+						if (this.pageVisible) {
+							console.log('downloadFile fail, err is:', err)
+							uni.hideLoading();
+						}
+					}
+				});
+				this.task?.onProgressUpdate((update) => {
+					if (this.pageVisible) {
+						console.log("progress : ", update.progress);
+					}
 				})
 			}
 		}
@@ -53,14 +69,15 @@
 </script>
 
 <style>
-.img {
-	width: 500rpx;
-	height: 500rpx;
-	margin: 0 auto;
-}
-.image-container {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-</style>
+	.img {
+		width: 500rpx;
+		height: 500rpx;
+		margin: 0 auto;
+	}
+
+	.image-container {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/API/request/request.uvue b/pages/API/request/request.uvue
index 29268258..3d27b480 100644
--- a/pages/API/request/request.uvue
+++ b/pages/API/request/request.uvue
@@ -15,55 +15,70 @@
 	</view>
 </template>
 <script>
+	import RequestTask from 'uts.sdk.modules.DCloudUniNetwork.RequestTask';
 	const duration = 2000
 	export default {
 		data() {
 			return {
 				title: 'request',
 				loading: false,
-				res: ''
+				res: '',
+				task: null as RequestTask | null,
+				pageVisible: false
 			}
 		},
+		onLoad() {
+			this.pageVisible = true;
+		},
+		onUnload() {
+			this.pageVisible = false;
+			uni.hideLoading();
+			this.task?.abort();
+		},
 		methods: {
 			sendRequest() {
-				this.loading = true;
-				uni.request({
-					url: "http://192.168.12.106:8080/postHalo",
-					dataType: "json",
-					responseType: "json",
-					method: "POST",
-					data: {
-						platform: "ios",
-					},
-					header: {
-						"Content-Type": "application/json",
-					},
-					timeout: 6000,
-					sslVerify: false,
-					withCredentials: false,
-					firstIpv4: false,
-					success(res) {
-						console.log('request success', res)
-						uni.showToast({
-							title: '请求成功',
-							icon: 'success',
-							mask: true,
-							duration: duration
-						});
-						this.res = '请求结果 : ' + JSON.stringify(res);
-					},
-					fail(err) {
-						console.log('request fail', err);
-						uni.showModal({
-							content: err.errMsg,
-							showCancel: false
-						});
-					},
-					complete() {
-						this.loading = false;
-					},
-				});
+				this.loading = true;
+				this.task = uni.request({
+					url: "https://unidemo.dcloud.net.cn/ajax/echo/text?name=uni-app",
+					dataType: "json",
+					responseType: "json",
+					method: "POST",
+					data: {
+						platform: "ios",
+					},
+					header: {
+						"Content-Type": "application/json",
+					},
+					timeout: 6000,
+					sslVerify: false,
+					withCredentials: false,
+					firstIpv4: false,
+					success(res) {
+						if (this.pageVisible) {
+							console.log('request success', res)
+							uni.showToast({
+								title: '请求成功',
+								icon: 'success',
+								mask: true,
+								duration: duration
+							});
+							this.res = '请求结果 : ' + JSON.stringify(res);
+						}
+					},
+					fail(err) {
+						if (this.pageVisible) {
+							console.log('request fail', err);
+							uni.showModal({
+								content: err.errMsg,
+								showCancel: false
+							});
+						}
+					},
+					complete() {
+						this.loading = false;
+					},
+				});
 			}
 		}
 	}
-</script>
+</script>
\ No newline at end of file
diff --git a/pages/API/upload-file/upload-file.uvue b/pages/API/upload-file/upload-file.uvue
index a5f26a60..edcb14d3 100644
--- a/pages/API/upload-file/upload-file.uvue
+++ b/pages/API/upload-file/upload-file.uvue
@@ -10,15 +10,24 @@
 	</view>
 </template>
 <script>
+	import UploadTask from 'uts.sdk.modules.DCloudUniNetwork.UploadTask';
 	export default {
 		data() {
 			return {
 				title: 'uploadFile',
-				imageSrc: ''
+				imageSrc: '',
+				task: null as UploadTask | null,
+				pageVisible: false
 			}
 		},
+		onLoad() {
+			this.pageVisible = true;
+		},
 		onUnload() {
 			this.imageSrc = '';
+			this.pageVisible = false;
+			uni.hideLoading();
+			this.task?.abort();
 		},
 		methods: {
 			chooseImage: function() {
@@ -29,28 +38,37 @@
 					success: (res) => {
 						console.log('chooseImage success, temp path is', res.tempFilePaths[0])
 						var imageSrc = res.tempFilePaths[0]
-						uni.uploadFile({
-							url: 'http://192.168.12.106:8080/uploadFile', //仅为示例，非真实的接口地址
+						uni.showLoading({
+							title: '上传中'
+						})
+						this.task = uni.uploadFile({
+							url: 'https://unidemo.dcloud.net.cn/upload', //仅为示例，非真实的接口地址
 							filePath: imageSrc,
 							name: 'file',
 							formData: {
 								'user': 'test'
 							},
 							success: (res) => {
-								console.log('uploadImage success, res is:', res)
-								uni.showToast({
-									title: '上传成功',
-									icon: 'success',
-									duration: 1000
-								})
-								this.imageSrc = imageSrc
+								if (this.pageVisible) {
+									console.log('uploadImage success, res is:', res)
+									uni.hideLoading();
+									uni.showToast({
+										title: '上传成功',
+										icon: 'success',
+										duration: 1000
+									})
+									this.imageSrc = imageSrc
+								}
 							},
 							fail: (err) => {
-								console.log('uploadImage fail', err);
-								uni.showModal({
-									content: err.errMsg,
-									showCancel: false
-								});
+								if (this.pageVisible) {
+									console.log('uploadImage fail', err);
+									uni.hideLoading();
+									uni.showModal({
+										content: err.errMsg,
+										showCancel: false
+									});
+								}
 							},
 						});
 					},
diff --git a/pages/API/websocket-global/websocket-global.uvue b/pages/API/websocket-global/websocket-global.uvue
index 6b277d40..3925d153 100644
--- a/pages/API/websocket-global/websocket-global.uvue
+++ b/pages/API/websocket-global/websocket-global.uvue
@@ -1,152 +1,165 @@
-<template>
-	<view>
-		<page-head title="websocket通讯示例"></page-head>
-		<view class="uni-padding-wrap">
-			<view class="uni-btn-v">
-				<view class="websocket-msg">{{showMsg}}</view>
-				<button class="uni-btn-v" type="primary" @click="connect">连接websocket服务</button>
-				<button class="uni-btn-v" v-show="connected" type="primary" @click="send">发送一条消息</button>
-				<button class="uni-btn-v" type="primary" @click="close">断开websocket服务</button>
-				<view class="websocket-tips">发送消息后会收到一条服务器返回的消息（与发送的消息内容一致）</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-import CloseSocketOptions from 'uts.sdk.modules.DCloudUniWebsocket.CloseSocketOptions';
-	export default {
-		data() {
-			return {
-				connected: false,
-				connecting: false,
-				msg: "",
-				roomId: '',
-				platform :"",
-			}
-		},
-		computed: {
-			showMsg():string {
-				if (this.connected) {
-					if (this.msg.length > 0) {
-						return '收到消息：' + this.msg
-					} else {
-						return '等待接收消息'
-					}
-				} else {
-					return '尚未连接'
-				}
-			}
-		},
-		onLoad() {
-			this.platform = uni.getSystemInfoSync().platform;	
-		},
+<template>
+	<view>
+		<page-head title="websocket通讯示例"></page-head>
+		<view class="uni-padding-wrap">
+			<view class="uni-btn-v">
+				<view class="websocket-msg">{{showMsg}}</view>
+				<button class="uni-btn-v" type="primary" @click="connect">连接websocket服务</button>
+				<button class="uni-btn-v" v-show="connected" type="primary" @click="send">发送一条消息</button>
+				<button class="uni-btn-v" type="primary" @click="close">断开websocket服务</button>
+				<view class="websocket-tips">发送消息后会收到一条服务器返回的消息（与发送的消息内容一致）</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import CloseSocketOptions from 'uts.sdk.modules.DCloudUniWebsocket.CloseSocketOptions';
+	export default {
+		data() {
+			return {
+				connected: false,
+				connecting: false,
+				msg: "",
+				roomId: '',
+				platform: "",
+				pageVisible: false
+			}
+		},
+		computed: {
+			showMsg(): string {
+				if (this.connected) {
+					if (this.msg.length > 0) {
+						return '收到消息：' + this.msg
+					} else {
+						return '等待接收消息'
+					}
+				} else {
+					return '尚未连接'
+				}
+			}
+		},
+		onLoad() {
+			this.platform = uni.getSystemInfoSync().platform;
+			this.pageVisible = true;
+		},
 		onUnload() {
-			const closeOptions = new CloseSocketOptions();
-			uni.closeSocket(closeOptions);
-            uni.hideLoading()
-		},
-		methods: {
-			connect() {
-				if (this.connected || this.connecting) {
-					uni.showModal({
-						content: '正在连接或者已经连接，请勿重复连接',
-						showCancel: false
-					})
-					return
-				}
-				this.connecting = true
-				uni.showLoading({
-					title: '连接中...'
-				})
-				uni.connectSocket({
-					url: 'ws://192.168.12.106:8080/ws',
-					success(res) {
-						// 这里是接口调用成功的回调，不是连接成功的回调，请注意
-					},
-					fail(err) {
-						// 这里是接口调用失败的回调，不是连接失败的回调，请注意
-					}
-				})
-				uni.onSocketOpen((res) => {
-					this.connecting = false
-					this.connected = true
-					uni.hideLoading()
-					uni.showToast({
-						icon: 'none',
-						title: '连接成功'
-					})
-					console.log('onOpen', res);
-				})
-				uni.onSocketError((err) => {
-					this.connecting = false
-					this.connected = false
-					uni.hideLoading()
-					uni.showModal({
-						content: '连接失败，可能是websocket服务不可用，请稍后再试',
-						showCancel: false
-					})
-					console.log('onError', err);
-				})
-				uni.onSocketMessage((res) => {
-					this.msg = res.data as string
-					console.log('onMessage', res)
-				})
-				uni.onSocketClose((res) => {
-					this.connected = false
-					this.msg = ""
-					console.log('onClose', res)
-				})
-			},
-			send() {
-				uni.sendSocketMessage({
-					data: 'from ' + platform + ' : ' + parseInt((Math.random() * 10000).toString()).toString(),
-					success(res) {
-						console.log(res);
-					},
-					fail(err) {
-						console.log(err);
-					}
-				})
-			},
-			close() {
-				const closeSocketOptions = new CloseSocketOptions();
-				uni.closeSocket(closeSocketOptions)
-			}
-		}
-	}
-</script>
-
-<style>
-	.uni-btn-v {
-		padding: 10rpx 0;
-	}
-
-	.uni-btn-v  {
-		margin: 20rpx 0;
-	}
-
-	.websocket-room {
-		height: 40px;
-		line-height: 40px;
-		text-align: center;
-		border-bottom: solid 1px #DDDDDD;
-		margin-bottom: 20px;
-	}
-
-	.websocket-msg {
-		padding: 40px 0px;
-		text-align: center;
-		font-size: 14px;
-		line-height: 40px;
-		color: #666666;
-	}
-
-    .websocket-tips{
-        padding: 40px 0px;
-        text-align: center;
-        font-size: 14px;
-        line-height: 24px;
-        color: #666666;
-    }
-</style>
+			this.pageVisible = false;
+			const closeOptions = new CloseSocketOptions();
+			uni.closeSocket(closeOptions);
+			uni.hideLoading()
+		},
+		methods: {
+			connect() {
+				if (this.connected || this.connecting) {
+					uni.showModal({
+						content: '正在连接或者已经连接，请勿重复连接',
+						showCancel: false
+					})
+					return
+				}
+				this.connecting = true
+				uni.showLoading({
+					title: '连接中...'
+				})
+				uni.connectSocket({
+					url: 'ws://192.168.12.106:8080/ws',
+					success(res) {
+						// 这里是接口调用成功的回调，不是连接成功的回调，请注意
+					},
+					fail(err) {
+						// 这里是接口调用失败的回调，不是连接失败的回调，请注意
+					}
+				})
+				uni.onSocketOpen((res) => {
+					if (this.pageVisible) {
+						this.connecting = false
+						this.connected = true
+						uni.hideLoading()
+
+						uni.showToast({
+							icon: 'none',
+							title: '连接成功'
+						})
+						console.log('onOpen', res);
+					}
+				})
+				uni.onSocketError((err) => {
+					if (this.pageVisible) {
+						this.connecting = false
+						this.connected = false
+						uni.hideLoading()
+
+						uni.showModal({
+							content: '连接失败，可能是websocket服务不可用，请稍后再试',
+							showCancel: false
+						})
+						console.log('onError', err);
+					}
+				})
+				uni.onSocketMessage((res) => {
+					if (this.pageVisible) {
+						this.msg = res.data as string
+						console.log('onMessage', res)
+					}
+				})
+				uni.onSocketClose((res) => {
+					if (this.pageVisible) {
+						this.connected = false
+						this.msg = ""
+						console.log('onClose', res)
+					}
+				})
+			},
+			send() {
+				uni.sendSocketMessage({
+					data: 'from ' + platform + ' : ' + parseInt((Math.random() * 10000).toString()).toString(),
+					success(res) {
+						console.log(res);
+					},
+					fail(err) {
+						console.log(err);
+					}
+				})
+			},
+			close() {
+				const closeSocketOptions = new CloseSocketOptions();
+				uni.closeSocket(closeSocketOptions)
+			}
+		}
+	}
+</script>
+
+<style>
+	.uni-btn-v {
+		padding: 10rpx 0;
+	}
+
+	.uni-btn-v {
+		margin: 20rpx 0;
+	}
+
+	.websocket-room {
+		height: 40px;
+		line-height: 40px;
+		text-align: center;
+		border-bottom: solid 1px #DDDDDD;
+		margin-bottom: 20px;
+	}
+
+	.websocket-msg {
+		padding: 40px 0px;
+		text-align: center;
+		font-size: 14px;
+		line-height: 40px;
+		color: #666666;
+	}
+
+	.websocket-tips {
+		padding: 40px 0px;
+		text-align: center;
+		font-size: 14px;
+		line-height: 24px;
+		color: #666666;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/API/websocket-socketTask/websocket-socketTask.uvue b/pages/API/websocket-socketTask/websocket-socketTask.uvue
index de19b878..06f474b0 100644
--- a/pages/API/websocket-socketTask/websocket-socketTask.uvue
+++ b/pages/API/websocket-socketTask/websocket-socketTask.uvue
@@ -24,8 +24,9 @@
 				connected: false,
 				connecting: false,
 				socketTask: null as SocketTask | null,
-				msg: "",
-				platform :"",
+				msg: "",
+				platform: "",
+				pageVisible: false
 			}
 		},
 		computed: {
@@ -40,14 +41,16 @@
 					return '尚未连接'
 				}
 			}
-		},
-		onReady() {
-			this.platform = uni.getSystemInfoSync().platform;	
+		},
+		onLoad() {
+			this.platform = uni.getSystemInfoSync().platform;
+			this.pageVisible = true;
 		},
 		onUnload() {
+			this.pageVisible = false;
 			uni.hideLoading()
-			let task = this.socketTask;
-			if (task != null) {
+			let task = this.socketTask;
+			if (task != null) {
 				const closeOptions = new CloseSocketOptions();
 				task.close(closeOptions)
 			}
@@ -64,7 +67,7 @@
 				this.connecting = true
 				uni.showLoading({
 					title: '连接中...'
-				})
+				})
 				this.socketTask = uni.connectSocket({
 					url: 'ws://192.168.12.106:8080/ws',
 					success(res) {
@@ -73,36 +76,44 @@
 					fail(err) {
 						// 这里是接口调用失败的回调，不是连接失败的回调，请注意
 					}
-				})
+				})
 				this.socketTask?.onOpen((res) => {
-					this.connecting = false
-					this.connected = true
-					uni.hideLoading()
-					uni.showToast({
-						icon: 'none',
-						title: '连接成功'
-					})
-					console.log('onOpen', res);
+					if (this.pageVisible) {
+						this.connecting = false
+						this.connected = true
+						uni.hideLoading()
+						uni.showToast({
+							icon: 'none',
+							title: '连接成功'
+						})
+						console.log('onOpen', res);
+					}
 				})
 				this.socketTask?.onError((err) => {
-					this.connecting = false
-					this.connected = false
-					uni.hideLoading()
-					uni.showModal({
-						content: '连接失败，可能是websocket服务不可用，请稍后再试',
-						showCancel: false
-					})
-					console.log('onError', err);
+					if (this.pageVisible) {
+						this.connecting = false
+						this.connected = false
+						uni.hideLoading()
+						uni.showModal({
+							content: '连接失败，可能是websocket服务不可用，请稍后再试',
+							showCancel: false
+						})
+						console.log('onError', err);
+					}
 				})
 				this.socketTask?.onMessage((res) => {
-					this.msg = res.data as string
-					console.log('onMessage', res)
+					if (this.pageVisible) {
+						this.msg = res.data as string
+						console.log('onMessage', res)
+					}
 				})
 				this.socketTask?.onClose((res) => {
-					this.connected = false
-					this.socketTask = null
-					this.msg = ""
-					console.log('onClose', res)
+					if (this.pageVisible) {
+						this.connected = false
+						this.socketTask = null
+						this.msg = ""
+						console.log('onClose', res)
+					}
 				})
 			},
 			send() {
@@ -116,7 +127,7 @@
 			},
 			close() {
 				let task = this.socketTask;
-				if (task != null) {
+				if (task != null) {
 					let closeOptions = new CloseSocketOptions();
 					task.close(closeOptions)
 				}
diff --git a/pages/component/list/list.uvue b/pages/component/list/list.uvue
new file mode 100644
index 00000000..504d81b6
--- /dev/null
+++ b/pages/component/list/list.uvue
@@ -0,0 +1,87 @@
+<template>
+	<view style="height: 100%;width: 100%;">
+		<page-head :title="title"></page-head>
+		<view class="container">
+			<list class="uni-list" :refresher-enabled="true" @refresherrefresh="onRefresherrefresh"
+				:refresher-triggered="refresherTriggered">
+				<cell class="list_cell" v-for="(item, index) in dataList" :key="item.id">
+					<view class="list-item">
+						<text class="list-item-title" :value="item.name"></text>
+					</view>
+				</cell>
+			</list>
+		</view>
+	</view>
+</template>
+<script lang="ts">
+	import RefresherEvent from 'io.dcloud.uniapp.runtime.RefresherEvent';
+	type Item = {
+		id : string,
+		name : string
+	}
+	export default {
+		data() {
+			return {
+				title: 'list',
+				refresherTriggered: false,
+				dataList: [] as Item[],
+			}
+		},
+		onLoad() {
+			for (var i = 0; i < 25; i++) {
+				const item : Item = { id: i + "", name: "item " + i }
+				this.dataList.push(item)
+			}
+		},
+		methods: {
+			onRefresherrefresh(e : RefresherEvent) {
+				this.refresherTriggered = true
+				setTimeout(function () {
+					this.refresherTriggered = false
+				}, 1000)
+			}
+		}
+	}
+</script>
+
+<style>
+	.uni-list {
+		background-color: #eee;
+		position: relative;
+		width: 100%;
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		border-color: red;
+	}
+
+	.container {
+		display: flex;
+		flex-direction: column;
+		border: dashed;
+		height: 100%;
+		width: 100%;
+	}
+	
+	.list_cell{
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.list-item {
+		margin-left: 12px;
+		margin-right: 12px;
+		margin-top: 12px;
+		padding: 20px;
+		background-color: #fff;
+		border-radius: 5px;
+	}
+
+	.list-item-title {
+		font-size: 30px;
+		font-weight: bold;
+		color: #444;
+		width: 100%;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/component/scroll-view/scroll-view-refresher.uvue b/pages/component/scroll-view/scroll-view-refresher.uvue
index 25ff6458..b1ed10ad 100644
--- a/pages/component/scroll-view/scroll-view-refresher.uvue
+++ b/pages/component/scroll-view/scroll-view-refresher.uvue
@@ -10,7 +10,8 @@
 		</scroll-view>
 	</view>
 </template>
-<script>
+<script>
+import RefresherEvent from 'io.dcloud.uniapp.runtime.RefresherEvent';
 	export default {
 
 		data() {
@@ -28,7 +29,7 @@
 		},
 
 		methods: {
-			onRefresherrefresh(e: RefresherEvent) {
+			onRefresherrefresh(e: RefresherEvent) {
 				console.log("onRefresherrefresh--------------下拉刷新触发")
 				this.refresherTriggered = true
 				setTimeout(function(){
diff --git a/pages/tabBar/component/component.uvue b/pages/tabBar/component/component.uvue
index 4e61f105..23b992a8 100644
--- a/pages/tabBar/component/component.uvue
+++ b/pages/tabBar/component/component.uvue
@@ -68,7 +68,11 @@
                             name: 'cover-view',
                             enable: false
                         },
-                        // #endif
+                        // #endif
+						{
+							name:'list',
+							enable:false
+						}
                     ] as Page[]
                 }, {
                     id: 'content',
-- 
GitLab