diff --git a/pages.json b/pages.json
index 155321df3e81213ea64b209a8f848a382e18fb46..2eef633540c683152c58e5dbcf17f6fc6c890998 100644
--- a/pages.json
+++ b/pages.json
@@ -1,829 +1,841 @@
 {
-  "pages": [
-    //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
-    {
-      "path": "pages/tabBar/component",
-      "style": {
-        "navigationBarTitleText": "内置组件",
-        "backgroundColor": "#F8F8F8"
-      }
-    },
-    {
-      "path": "pages/component/view/view",
-      "style": {
-        "navigationBarTitleText": "view"
-      }
-    },
-    {
-      "path": "pages/component/scroll-view/scroll-view",
-      "style": {
-        "navigationBarTitleText": "scroll-view"
-      }
-    },
-    {
-      "path": "pages/component/text/text",
-      "style": {
-        "navigationBarTitleText": "text"
-      }
-    },
-    {
-      "path": "pages/component/text/text-props",
-      "style": {
-        "navigationBarTitleText": "text-props"
-      }
-    },
-    {
-      "path": "pages/component/progress/progress",
-      "style": {
-        "navigationBarTitleText": "progress"
-      }
-    },
-    {
-      "path": "pages/component/button/button",
-      "style": {
-        "navigationBarTitleText": "button"
-      }
-    },
-    {
-      "path": "pages/component/radio/radio",
-      "style": {
-        "navigationBarTitleText": "radio"
-      }
-    },
-    {
-      "path": "pages/component/checkbox/checkbox",
-      "style": {
-        "navigationBarTitleText": "checkbox"
-      }
-    },
-    {
-      "path": "pages/component/input/input",
-      "style": {
-        "navigationBarTitleText": "input"
-      }
-    },
-    {
-      "path": "pages/component/textarea/textarea",
-      "style": {
-        "navigationBarTitleText": "textarea"
-      }
-    },
-    {
-      "path": "pages/component/slider/slider",
-      "style": {
-        "navigationBarTitleText": "slider"
-      }
-    },
-    {
-      "path": "pages/component/picker-view/picker-view",
-      "style": {
-        "navigationBarTitleText": "picker-view"
-      }
-    },
-    {
-      "path": "pages/component/slider-100/slider-100",
-      "style": {
-        "navigationBarTitleText": "slider x 100"
-      }
-    },
-    {
-      "path": "pages/component/switch/switch",
-      "style": {
-        "navigationBarTitleText": "switch"
-      }
-    },
-    {
-      "path": "pages/component/swiper/swiper",
-      "style": {
-        "navigationBarTitleText": "swiper"
-      }
-    },
-    {
-      "path": "pages/component/image/image",
-      "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-large",
-      "style": {
-        "navigationBarTitleText": "大图测试"
-      }
-    },
-    {
-      "path": "pages/component/video/video",
-      "style": {
-        "navigationBarTitleText": "video"
-      }
-    },
-    {
-      "path": "pages/component/web-view/web-view",
-      "style": {
-        "navigationBarTitleText": "web-view"
-      }
-    },
-    {
-      "path": "pages/component/web-view-local/web-view-local",
-      "style": {
-        "navigationBarTitleText": "web-view-local"
-      }
-    },
-    {
-      "path": "pages/component/navigator/navigator",
-      "style": {
-        "navigationBarTitleText": "navigator"
-      }
-    },
-    {
-      "path": "pages/component/navigator/navigate",
-      "style": {
-        "navigationBarTitleText": "navigatePage"
-      }
-    },
-    {
-      "path": "pages/component/navigator/redirect",
-      "style": {
-        "navigationBarTitleText": "redirectPage"
-      }
-    },
-    {
-      "path": "pages/component/general-event/general-event",
-      "style": {
-        "navigationBarTitleText": "general-event"
-      }
-    },
-    {
-      "path": "pages/tabBar/API",
-      "style": {
-        "navigationBarTitleText": "接口",
-        "backgroundColor": "#F8F8F8"
-      }
-    },
-    {
-      "path": "pages/API/get-app/get-app",
-      "style": {
-        "navigationBarTitleText": "getApp"
-      }
-    },
-	{
-	  "path": "pages/API/exit/exit",
-	  "style": {
-	    "navigationBarTitleText": "exit"
-	  }
-	},
-    {
-      "path": "pages/API/get-current-pages/get-current-pages",
-      "style": {
-        "navigationBarTitleText": "getCurrentPages"
-      }
-    },
-    {
-      "path": "pages/API/get-launch-options-sync/get-launch-options-sync",
-      "style": {
-        "navigationBarTitleText": "getLaunchOptionsSync"
-      }
-    },
-    {
-      "path": "pages/API/navigator/navigator",
-      "style": {
-        "navigationBarTitleText": "页面跳转"
-      }
-    },
-    {
-      "path": "pages/API/set-navigation-bar-color/set-navigation-bar-color",
-      "style": {
-        "navigationBarTitleText": "设置导航条颜色"
-      }
-    },
-    {
-      "path": "pages/API/navigator/new-page/new-page-1",
-      "style": {
-        "navigationBarTitleText": "新页面-1"
-      }
-    },
-    {
-      "path": "pages/API/navigator/new-page/new-page-2",
-      "style": {
-        "navigationBarTitleText": "新页面-2",
-        "enablePullDownRefresh": true
-      }
-    },
-    {
-      "path": "pages/API/nodes-info/nodes-info",
-      "style": {
-        "navigationBarTitleText": "查询节点信息的对象"
-      }
-    },
-    {
-      "path": "pages/API/storage/storage",
-      "style": {
-        "navigationBarTitleText": "数据存储"
-      }
-    },
-    {
-      "path": "pages/API/action-sheet/action-sheet",
-      "style": {
-        "navigationBarTitleText": "操作菜单"
-      }
-    },
-    {
-      "path": "pages/API/modal/modal",
-      "style": {
-        "navigationBarTitleText": "模态弹窗"
-      }
-    },
-    {
-      "path": "pages/API/show-loading/show-loading",
-      "style": {
-        "navigationBarTitleText": "加载提示框"
-      }
-    },
-    {
-      "path": "pages/API/toast/toast",
-      "style": {
-        "navigationBarTitleText": "消息提示框"
-      }
-    },
-    {
-      "path": "pages/API/load-font-face/load-font-face",
-      "style": {
-        "navigationBarTitleText": "动态加载字体"
-      }
-    },
-    {
-      "path": "pages/API/load-font-face/load-font-face-child",
-      "style": {
-        "navigationBarTitleText": "动态加载字体-子页面"
-      }
-    },
-    {
-      "path": "pages/API/get-location/get-location",
-      "style": {
-        "navigationBarTitleText": "获取定位"
-      }
-    },
-    {
-      "path": "pages/tabBar/CSS",
-      "style": {
-        "navigationBarTitleText": "CSS",
-        "backgroundColor": "#F8F8F8"
-      }
-    },
-    {
-      "path": "pages/CSS/background/background-color",
-      "style": {
-        "navigationBarTitleText": "background-color"
-      }
-    },
-    {
-      "path": "pages/CSS/background/background-image",
-      "style": {
-        "navigationBarTitleText": "background-image"
-      }
-    },
-    {
-      "path": "pages/CSS/border/border-color",
-      "style": {
-        "navigationBarTitleText": "border-color"
-      }
-    },
-    {
-      "path": "pages/CSS/border/border-radius",
-      "style": {
-        "navigationBarTitleText": "border-radius"
-      }
-    },
-    {
-      "path": "pages/CSS/border/border-style",
-      "style": {
-        "navigationBarTitleText": "border-style"
-      }
-    },
-    {
-      "path": "pages/CSS/border/border-width",
-      "style": {
-        "navigationBarTitleText": "border-width"
-      }
-    },
-    {
-      "path": "pages/CSS/border/border",
-      "style": {
-        "navigationBarTitleText": "border"
-      }
-    },
-    {
-      "path": "pages/CSS/box-shadow/box-shadow",
-      "style": {
-        "navigationBarTitleText": "box-shadow"
-      }
-    },
-    {
-      "path": "pages/CSS/flex/align-content",
-      "style": {
-        "navigationBarTitleText": "align-content"
-      }
-    },
-    {
-      "path": "pages/CSS/flex/align-items",
-      "style": {
-        "navigationBarTitleText": "align-items"
-      }
-    },
-    {
-      "path": "pages/CSS/flex/flex-basis",
-      "style": {
-        "navigationBarTitleText": "flex-basis"
-      }
-    },
-    {
-      "path": "pages/CSS/flex/flex-direction",
-      "style": {
-        "navigationBarTitleText": "flex-direction"
-      }
-    },
-    {
-      "path": "pages/CSS/flex/flex-flow",
-      "style": {
-        "navigationBarTitleText": "flex-flow"
-      }
-    },
-    {
-      "path": "pages/CSS/flex/flex-grow",
-      "style": {
-        "navigationBarTitleText": "flex-grow"
-      }
-    },
-    {
-      "path": "pages/CSS/flex/flex-shrink",
-      "style": {
-        "navigationBarTitleText": "flex-shrink"
-      }
-    },
-    {
-      "path": "pages/CSS/flex/flex",
-      "style": {
-        "navigationBarTitleText": "flex"
-      }
-    },
-    {
-      "path": "pages/CSS/flex/justify-content",
-      "style": {
-        "navigationBarTitleText": "justify-content"
-      }
-    },
-    {
-      "path": "pages/CSS/layout/height",
-      "style": {
-        "navigationBarTitleText": "height"
-      }
-    },
-    {
-      "path": "pages/CSS/layout/max-height",
-      "style": {
-        "navigationBarTitleText": "max-height"
-      }
-    },
-    {
-      "path": "pages/CSS/layout/max-width",
-      "style": {
-        "navigationBarTitleText": "max-width"
-      }
-    },
-    {
-      "path": "pages/CSS/layout/min-height",
-      "style": {
-        "navigationBarTitleText": "min-height"
-      }
-    },
-    {
-      "path": "pages/CSS/layout/min-width",
-      "style": {
-        "navigationBarTitleText": "min-width"
-      }
-    },
-    {
-      "path": "pages/CSS/layout/position",
-      "style": {
-        "navigationBarTitleText": "position"
-      }
-    },
-    {
-      "path": "pages/CSS/layout/width",
-      "style": {
-        "navigationBarTitleText": "width"
-      }
-    },
-    {
-      "path": "pages/CSS/layout/visibility",
-      "style": {
-        "navigationBarTitleText": "visibility"
-      }
-    },
-    {
-      "path": "pages/CSS/margin/margin-bottom",
-      "style": {
-        "navigationBarTitleText": "margin-bottom"
-      }
-    },
-    {
-      "path": "pages/CSS/margin/margin-left",
-      "style": {
-        "navigationBarTitleText": "margin-left"
-      }
-    },
-    {
-      "path": "pages/CSS/margin/margin-right",
-      "style": {
-        "navigationBarTitleText": "margin-right"
-      }
-    },
-    {
-      "path": "pages/CSS/margin/margin-top",
-      "style": {
-        "navigationBarTitleText": "margin-top"
-      }
-    },
-    {
-      "path": "pages/CSS/margin/margin",
-      "style": {
-        "navigationBarTitleText": "margin"
-      }
-    },
-    {
-      "path": "pages/CSS/padding/padding-bottom",
-      "style": {
-        "navigationBarTitleText": "padding-bottom"
-      }
-    },
-    {
-      "path": "pages/CSS/padding/padding-left",
-      "style": {
-        "navigationBarTitleText": "padding-left"
-      }
-    },
-    {
-      "path": "pages/CSS/padding/padding-right",
-      "style": {
-        "navigationBarTitleText": "padding-right"
-      }
-    },
-    {
-      "path": "pages/CSS/padding/padding-top",
-      "style": {
-        "navigationBarTitleText": "padding-top"
-      }
-    },
-    {
-      "path": "pages/CSS/padding/padding",
-      "style": {
-        "navigationBarTitleText": "padding"
-      }
-    },
-    {
-      "path": "pages/CSS/text/color",
-      "style": {
-        "navigationBarTitleText": "color"
-      }
-    },
-    {
-      "path": "pages/CSS/text/font-family",
-      "style": {
-        "navigationBarTitleText": "font-family"
-      }
-    },
-    {
-      "path": "pages/CSS/text/font-size",
-      "style": {
-        "navigationBarTitleText": "font-size"
-      }
-    },
-    {
-      "path": "pages/CSS/text/font-style",
-      "style": {
-        "navigationBarTitleText": "font-style"
-      }
-    },
-    {
-      "path": "pages/CSS/text/font-weight",
-      "style": {
-        "navigationBarTitleText": "font-weight"
-      }
-    },
-    {
-      "path": "pages/CSS/text/line-height",
-      "style": {
-        "navigationBarTitleText": "line-height"
-      }
-    },
-    {
-      "path": "pages/CSS/text/text-align",
-      "style": {
-        "navigationBarTitleText": "text-align"
-      }
-    },
-    {
-      "path": "pages/CSS/text/text-overflow",
-      "style": {
-        "navigationBarTitleText": "text-overflow"
-      }
-    },
-    {
-      "path": "pages/CSS/text/text-decoration-line",
-      "style": {
-        "navigationBarTitleText": "text-decoration-line"
-      }
-    },
-    {
-      "path": "pages/CSS/transition/transition",
-      "style": {
-        "navigationBarTitleText": "Transition"
-      }
-    },
-    {
-      "path": "pages/CSS/transform/transform",
-      "style": {
-        "navigationBarTitleText": "Transform"
-      }
-    },
-    {
-      "path": "pages/API/request/request",
-      "style": {
-        "navigationBarTitleText": ""
-      }
-    },
-    {
-      "path": "pages/API/upload-file/upload-file",
-      "style": {
-        "navigationBarTitleText": ""
-      }
-    },
-    {
-      "path": "pages/API/download-file/download-file",
-      "style": {
-        "navigationBarTitleText": ""
-      }
-    },
-    {
-      "path": "pages/API/websocket-socketTask/websocket-socketTask",
-      "style": {
-        "navigationBarTitleText": ""
-      }
-    },
-    {
-      "path": "pages/API/websocket-global/websocket-global",
-      "style": {
-        "navigationBarTitleText": ""
-      }
-    },
-    {
-      "path": "pages/API/get-system-info/get-system-info",
-      "style": {
-        "navigationBarTitleText": ""
-      }
-    },
-    {
-      "path": "pages/API/get-device-info/get-device-info",
-      "style": {
-        "navigationBarTitleText": ""
-      }
-    },
-    {
-      "path": "pages/API/get-app-base-info/get-app-base-info",
-      "style": {
-        "navigationBarTitleText": ""
-      }
-    },
-    {
-      "path": "pages/API/get-system-setting/get-system-setting",
-      "style": {
-        "navigationBarTitleText": ""
-      }
-    },
-    {
-      "path": "pages/API/get-app-authorize-setting/get-app-authorize-setting",
-      "style": {
-        "navigationBarTitleText": ""
-      }
-    },
-    {
-      "path": "pages/API/preview-image/preview-image",
-      "style": {
-        "navigationBarTitleText": "图片预览"
-      }
-    },
-    {
-      "path": "pages/component/scroll-view/scroll-view-refresher",
-      "style": {
-        "navigationBarTitleText": "scroll-view-refresher"
-      }
-    },
-    {
-      "path": "pages/component/list-news/list",
-      "style": {
-        "navigationBarTitleText": "列表到详情示例"
-      }
-    },
-    {
-      "path": "pages/API/get-network-type/get-network-type",
-      "style": {
-        "navigationBarTitleText": ""
-      }
-    },
-    {
-      "path": "pages/component/list-news/detail/detail",
-      "style": {
-        "navigationBarTitleText": "详情示例"
-      }
-    },
-    {
-      "path": "pages/API/page-scroll-to/page-scroll-to",
-      "style": {
-        "navigationBarTitleText": "pageScrollTo"
-      }
-    },
-    {
-      "path": "pages/API/event-bus/event-bus",
-      "style": {
-        "navigationBarTitleText": "event-bus"
-      }
-    },
-    {
-      "path": "pages/template/drop-card/drop-card",
-      "style": {
-        "navigationBarTitleText": ""
-      }
-    },
-    {
-      "path": "pages/tabBar/template",
-      "style": {
-        "navigationBarTitleText": "模板"
-      }
-    },
-    {
-      "path": "pages/component/long-list/long-list",
-      "style": {
-        "navigationBarTitleText": "长列表示例"
-      }
-    },
-    {
-      "path": "pages/component/long-list/detail/detail",
-      "style": {
-        "navigationBarTitleText": "详情示例"
-      }
-    },
-    {
-      "path": "pages/template/swiper-vertical-video/swiper-vertical-video",
-      "style": {
-        "navigationBarTitleText": ""
-      }
-    },
-    {
-      "path": "pages/template/scroll-fold-nav/scroll-fold-nav",
-      "style": {
-        "navigationStyle": "custom",
-        "navigationBarTextStyle": "black"
-      }
-    },
-    {
-      "path": "pages/template/scroll-sticky/scroll-sticky",
-      "style": {
-        "navigationBarTitleText": "滚动吸顶"
-      }
-    },
-    {
-      "path": "pages/template/scroll-sticky2/scroll-sticky2",
-      "style": {
-        "navigationBarTitleText": "滚动吸顶2"
-      }
-    },
-    {
-      "path": "pages/API/get-battery-info/get-battery-info",
-      "style": {
-        "navigationBarTitleText": "电量"
-      }
-    },
-    {
-      "path": "pages/CSS/border/complex-border/complex-border",
-      "style": {
-        "navigationBarTitleText": "border属性组合示例",
-        "enablePullDownRefresh": false
-      }
-    },
-    {
-      "path": "pages/template/scroll-fold-nav2/scroll-fold-nav2",
-      "style": {
-        "navigationStyle": "custom",
-        "navigationBarTextStyle": "black"
-      }
-    },
-    {
-      "path": "pages/template/calendar/calendar",
-      "style": {
-        "navigationBarTitleText": "日历",
-        "enablePullDownRefresh": false
-      }
-    },
-    {
-      "path": "pages/template/custom-refresher/custom-refresher",
-      "style": {
-        "navigationBarTitleText": "自定义下拉刷新",
-        "enablePullDownRefresh": false
-      }
-    },
-    {
-      "path": "pages/API/get-window-info/get-window-info",
-      "style": {
-        "navigationBarTitleText": "",
-        "enablePullDownRefresh": false
-      }
-    },
-    {
-      "path": "pages/template/half-screen/half-screen",
-      "style": {
-        "navigationBarTitleText": "半屏弹窗",
-        "enablePullDownRefresh": false
-      }
-    },
-    {
-      "path": "pages/template/long-list/long-list",
-      "style": {
-        "navigationBarTitleText": "复杂长列表",
-        "enablePullDownRefresh": false
-      }
-    },
+	"pages": [
+		//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+		{
+			"path": "pages/tabBar/component",
+			"style": {
+				"navigationBarTitleText": "内置组件",
+				"backgroundColor": "#F8F8F8"
+			}
+		},
+		{
+			"path": "pages/component/view/view",
+			"style": {
+				"navigationBarTitleText": "view"
+			}
+		},
+		{
+			"path": "pages/component/scroll-view/scroll-view",
+			"style": {
+				"navigationBarTitleText": "scroll-view"
+			}
+		},
+		{
+			"path": "pages/component/text/text",
+			"style": {
+				"navigationBarTitleText": "text"
+			}
+		},
+		{
+			"path": "pages/component/text/text-props",
+			"style": {
+				"navigationBarTitleText": "text-props"
+			}
+		},
+		{
+			"path": "pages/component/progress/progress",
+			"style": {
+				"navigationBarTitleText": "progress"
+			}
+		},
+		{
+			"path": "pages/component/button/button",
+			"style": {
+				"navigationBarTitleText": "button"
+			}
+		},
+		{
+			"path": "pages/component/radio/radio",
+			"style": {
+				"navigationBarTitleText": "radio"
+			}
+		},
+		{
+			"path": "pages/component/checkbox/checkbox",
+			"style": {
+				"navigationBarTitleText": "checkbox"
+			}
+		},
+		{
+			"path": "pages/component/input/input",
+			"style": {
+				"navigationBarTitleText": "input"
+			}
+		},
+		{
+			"path": "pages/component/textarea/textarea",
+			"style": {
+				"navigationBarTitleText": "textarea"
+			}
+		},
+		{
+			"path": "pages/component/slider/slider",
+			"style": {
+				"navigationBarTitleText": "slider"
+			}
+		},
+		{
+			"path": "pages/component/picker-view/picker-view",
+			"style": {
+				"navigationBarTitleText": "picker-view"
+			}
+		},
+		{
+			"path": "pages/component/slider-100/slider-100",
+			"style": {
+				"navigationBarTitleText": "slider x 100"
+			}
+		},
+		{
+			"path": "pages/component/switch/switch",
+			"style": {
+				"navigationBarTitleText": "switch"
+			}
+		},
+		{
+			"path": "pages/component/swiper/swiper",
+			"style": {
+				"navigationBarTitleText": "swiper"
+			}
+		},
+		{
+			"path": "pages/component/image/image",
+			"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-large",
+			"style": {
+				"navigationBarTitleText": "大图测试"
+			}
+		},
+		{
+			"path": "pages/component/video/video",
+			"style": {
+				"navigationBarTitleText": "video"
+			}
+		},
+		{
+			"path": "pages/component/web-view/web-view",
+			"style": {
+				"navigationBarTitleText": "web-view"
+			}
+		},
+		{
+			"path": "pages/component/web-view-local/web-view-local",
+			"style": {
+				"navigationBarTitleText": "web-view-local"
+			}
+		},
+		{
+			"path": "pages/component/navigator/navigator",
+			"style": {
+				"navigationBarTitleText": "navigator"
+			}
+		},
+		{
+			"path": "pages/component/navigator/navigate",
+			"style": {
+				"navigationBarTitleText": "navigatePage"
+			}
+		},
+		{
+			"path": "pages/component/navigator/redirect",
+			"style": {
+				"navigationBarTitleText": "redirectPage"
+			}
+		},
+		{
+			"path": "pages/component/general-event/general-event",
+			"style": {
+				"navigationBarTitleText": "general-event"
+			}
+		},
+		{
+			"path": "pages/tabBar/API",
+			"style": {
+				"navigationBarTitleText": "接口",
+				"backgroundColor": "#F8F8F8"
+			}
+		},
+		{
+			"path": "pages/API/get-app/get-app",
+			"style": {
+				"navigationBarTitleText": "getApp"
+			}
+		},
+		{
+			"path": "pages/API/exit/exit",
+			"style": {
+				"navigationBarTitleText": "exit"
+			}
+		},
+		{
+			"path": "pages/API/get-current-pages/get-current-pages",
+			"style": {
+				"navigationBarTitleText": "getCurrentPages"
+			}
+		},
+		{
+			"path": "pages/API/get-launch-options-sync/get-launch-options-sync",
+			"style": {
+				"navigationBarTitleText": "getLaunchOptionsSync"
+			}
+		},
+		{
+			"path": "pages/API/navigator/navigator",
+			"style": {
+				"navigationBarTitleText": "页面跳转"
+			}
+		},
+		{
+			"path": "pages/API/set-navigation-bar-color/set-navigation-bar-color",
+			"style": {
+				"navigationBarTitleText": "设置导航条颜色"
+			}
+		},
+		{
+			"path": "pages/API/navigator/new-page/new-page-1",
+			"style": {
+				"navigationBarTitleText": "新页面-1"
+			}
+		},
+		{
+			"path": "pages/API/navigator/new-page/new-page-2",
+			"style": {
+				"navigationBarTitleText": "新页面-2",
+				"enablePullDownRefresh": true
+			}
+		},
+		{
+			"path": "pages/API/nodes-info/nodes-info",
+			"style": {
+				"navigationBarTitleText": "查询节点信息的对象"
+			}
+		},
+		{
+			"path": "pages/API/storage/storage",
+			"style": {
+				"navigationBarTitleText": "数据存储"
+			}
+		},
+		{
+			"path": "pages/API/action-sheet/action-sheet",
+			"style": {
+				"navigationBarTitleText": "操作菜单"
+			}
+		},
+		{
+			"path": "pages/API/modal/modal",
+			"style": {
+				"navigationBarTitleText": "模态弹窗"
+			}
+		},
+		{
+			"path": "pages/API/show-loading/show-loading",
+			"style": {
+				"navigationBarTitleText": "加载提示框"
+			}
+		},
+		{
+			"path": "pages/API/toast/toast",
+			"style": {
+				"navigationBarTitleText": "消息提示框"
+			}
+		},
+		{
+			"path": "pages/API/load-font-face/load-font-face",
+			"style": {
+				"navigationBarTitleText": "动态加载字体"
+			}
+		},
+		{
+			"path": "pages/API/load-font-face/load-font-face-child",
+			"style": {
+				"navigationBarTitleText": "动态加载字体-子页面"
+			}
+		},
+		{
+			"path": "pages/API/get-location/get-location",
+			"style": {
+				"navigationBarTitleText": "获取定位"
+			}
+		},
+		{
+			"path": "pages/tabBar/CSS",
+			"style": {
+				"navigationBarTitleText": "CSS",
+				"backgroundColor": "#F8F8F8"
+			}
+		},
+		{
+			"path": "pages/CSS/background/background-color",
+			"style": {
+				"navigationBarTitleText": "background-color"
+			}
+		},
+		{
+			"path": "pages/CSS/background/background-image",
+			"style": {
+				"navigationBarTitleText": "background-image"
+			}
+		},
+		{
+			"path": "pages/CSS/border/border-color",
+			"style": {
+				"navigationBarTitleText": "border-color"
+			}
+		},
+		{
+			"path": "pages/CSS/border/border-radius",
+			"style": {
+				"navigationBarTitleText": "border-radius"
+			}
+		},
+		{
+			"path": "pages/CSS/border/border-style",
+			"style": {
+				"navigationBarTitleText": "border-style"
+			}
+		},
+		{
+			"path": "pages/CSS/border/border-width",
+			"style": {
+				"navigationBarTitleText": "border-width"
+			}
+		},
+		{
+			"path": "pages/CSS/border/border",
+			"style": {
+				"navigationBarTitleText": "border"
+			}
+		},
+		{
+			"path": "pages/CSS/box-shadow/box-shadow",
+			"style": {
+				"navigationBarTitleText": "box-shadow"
+			}
+		},
+		{
+			"path": "pages/CSS/flex/align-content",
+			"style": {
+				"navigationBarTitleText": "align-content"
+			}
+		},
+		{
+			"path": "pages/CSS/flex/align-items",
+			"style": {
+				"navigationBarTitleText": "align-items"
+			}
+		},
+		{
+			"path": "pages/CSS/flex/flex-basis",
+			"style": {
+				"navigationBarTitleText": "flex-basis"
+			}
+		},
+		{
+			"path": "pages/CSS/flex/flex-direction",
+			"style": {
+				"navigationBarTitleText": "flex-direction"
+			}
+		},
+		{
+			"path": "pages/CSS/flex/flex-flow",
+			"style": {
+				"navigationBarTitleText": "flex-flow"
+			}
+		},
+		{
+			"path": "pages/CSS/flex/flex-grow",
+			"style": {
+				"navigationBarTitleText": "flex-grow"
+			}
+		},
+		{
+			"path": "pages/CSS/flex/flex-shrink",
+			"style": {
+				"navigationBarTitleText": "flex-shrink"
+			}
+		},
+		{
+			"path": "pages/CSS/flex/flex",
+			"style": {
+				"navigationBarTitleText": "flex"
+			}
+		},
+		{
+			"path": "pages/CSS/flex/justify-content",
+			"style": {
+				"navigationBarTitleText": "justify-content"
+			}
+		},
+		{
+			"path": "pages/CSS/layout/height",
+			"style": {
+				"navigationBarTitleText": "height"
+			}
+		},
+		{
+			"path": "pages/CSS/layout/max-height",
+			"style": {
+				"navigationBarTitleText": "max-height"
+			}
+		},
+		{
+			"path": "pages/CSS/layout/max-width",
+			"style": {
+				"navigationBarTitleText": "max-width"
+			}
+		},
+		{
+			"path": "pages/CSS/layout/min-height",
+			"style": {
+				"navigationBarTitleText": "min-height"
+			}
+		},
+		{
+			"path": "pages/CSS/layout/min-width",
+			"style": {
+				"navigationBarTitleText": "min-width"
+			}
+		},
+		{
+			"path": "pages/CSS/layout/position",
+			"style": {
+				"navigationBarTitleText": "position"
+			}
+		},
+		{
+			"path": "pages/CSS/layout/width",
+			"style": {
+				"navigationBarTitleText": "width"
+			}
+		},
+		{
+			"path": "pages/CSS/layout/visibility",
+			"style": {
+				"navigationBarTitleText": "visibility"
+			}
+		},
+		{
+			"path": "pages/CSS/margin/margin-bottom",
+			"style": {
+				"navigationBarTitleText": "margin-bottom"
+			}
+		},
+		{
+			"path": "pages/CSS/margin/margin-left",
+			"style": {
+				"navigationBarTitleText": "margin-left"
+			}
+		},
+		{
+			"path": "pages/CSS/margin/margin-right",
+			"style": {
+				"navigationBarTitleText": "margin-right"
+			}
+		},
+		{
+			"path": "pages/CSS/margin/margin-top",
+			"style": {
+				"navigationBarTitleText": "margin-top"
+			}
+		},
+		{
+			"path": "pages/CSS/margin/margin",
+			"style": {
+				"navigationBarTitleText": "margin"
+			}
+		},
+		{
+			"path": "pages/CSS/padding/padding-bottom",
+			"style": {
+				"navigationBarTitleText": "padding-bottom"
+			}
+		},
+		{
+			"path": "pages/CSS/padding/padding-left",
+			"style": {
+				"navigationBarTitleText": "padding-left"
+			}
+		},
+		{
+			"path": "pages/CSS/padding/padding-right",
+			"style": {
+				"navigationBarTitleText": "padding-right"
+			}
+		},
+		{
+			"path": "pages/CSS/padding/padding-top",
+			"style": {
+				"navigationBarTitleText": "padding-top"
+			}
+		},
+		{
+			"path": "pages/CSS/padding/padding",
+			"style": {
+				"navigationBarTitleText": "padding"
+			}
+		},
+		{
+			"path": "pages/CSS/text/color",
+			"style": {
+				"navigationBarTitleText": "color"
+			}
+		},
+		{
+			"path": "pages/CSS/text/font-family",
+			"style": {
+				"navigationBarTitleText": "font-family"
+			}
+		},
+		{
+			"path": "pages/CSS/text/font-size",
+			"style": {
+				"navigationBarTitleText": "font-size"
+			}
+		},
+		{
+			"path": "pages/CSS/text/font-style",
+			"style": {
+				"navigationBarTitleText": "font-style"
+			}
+		},
+		{
+			"path": "pages/CSS/text/font-weight",
+			"style": {
+				"navigationBarTitleText": "font-weight"
+			}
+		},
+		{
+			"path": "pages/CSS/text/line-height",
+			"style": {
+				"navigationBarTitleText": "line-height"
+			}
+		},
+		{
+			"path": "pages/CSS/text/text-align",
+			"style": {
+				"navigationBarTitleText": "text-align"
+			}
+		},
+		{
+			"path": "pages/CSS/text/text-overflow",
+			"style": {
+				"navigationBarTitleText": "text-overflow"
+			}
+		},
+		{
+			"path": "pages/CSS/text/text-decoration-line",
+			"style": {
+				"navigationBarTitleText": "text-decoration-line"
+			}
+		},
+		{
+			"path": "pages/CSS/transition/transition",
+			"style": {
+				"navigationBarTitleText": "Transition"
+			}
+		},
+		{
+			"path": "pages/CSS/transform/transform",
+			"style": {
+				"navigationBarTitleText": "Transform"
+			}
+		},
+		{
+			"path": "pages/API/request/request",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/API/upload-file/upload-file",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/API/download-file/download-file",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/API/websocket-socketTask/websocket-socketTask",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/API/websocket-global/websocket-global",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/API/get-system-info/get-system-info",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/API/get-device-info/get-device-info",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/API/get-app-base-info/get-app-base-info",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/API/get-system-setting/get-system-setting",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/API/get-app-authorize-setting/get-app-authorize-setting",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/API/preview-image/preview-image",
+			"style": {
+				"navigationBarTitleText": "图片预览"
+			}
+		},
+		{
+			"path": "pages/component/scroll-view/scroll-view-refresher",
+			"style": {
+				"navigationBarTitleText": "scroll-view-refresher"
+			}
+		},
+		{
+			"path": "pages/component/list-news/list",
+			"style": {
+				"navigationBarTitleText": "列表到详情示例"
+			}
+		},
+		{
+			"path": "pages/API/get-network-type/get-network-type",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/component/list-news/detail/detail",
+			"style": {
+				"navigationBarTitleText": "详情示例"
+			}
+		},
+		{
+			"path": "pages/API/page-scroll-to/page-scroll-to",
+			"style": {
+				"navigationBarTitleText": "pageScrollTo"
+			}
+		},
+		{
+			"path": "pages/API/event-bus/event-bus",
+			"style": {
+				"navigationBarTitleText": "event-bus"
+			}
+		},
+		{
+			"path": "pages/template/drop-card/drop-card",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/tabBar/template",
+			"style": {
+				"navigationBarTitleText": "模板"
+			}
+		},
+		{
+			"path": "pages/component/long-list/long-list",
+			"style": {
+				"navigationBarTitleText": "长列表示例"
+			}
+		},
+		{
+			"path": "pages/component/long-list/detail/detail",
+			"style": {
+				"navigationBarTitleText": "详情示例"
+			}
+		},
+		{
+			"path": "pages/template/swiper-vertical-video/swiper-vertical-video",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/template/scroll-fold-nav/scroll-fold-nav",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/template/scroll-sticky/scroll-sticky",
+			"style": {
+				"navigationBarTitleText": "滚动吸顶"
+			}
+		},
+		{
+			"path": "pages/template/scroll-sticky2/scroll-sticky2",
+			"style": {
+				"navigationBarTitleText": "滚动吸顶2"
+			}
+		},
+		{
+			"path": "pages/API/get-battery-info/get-battery-info",
+			"style": {
+				"navigationBarTitleText": "电量"
+			}
+		},
+		{
+			"path": "pages/CSS/border/complex-border/complex-border",
+			"style": {
+				"navigationBarTitleText": "border属性组合示例",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/template/scroll-fold-nav2/scroll-fold-nav2",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/template/calendar/calendar",
+			"style": {
+				"navigationBarTitleText": "日历",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/template/custom-refresher/custom-refresher",
+			"style": {
+				"navigationBarTitleText": "自定义下拉刷新",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/API/get-window-info/get-window-info",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/template/half-screen/half-screen",
+			"style": {
+				"navigationBarTitleText": "半屏弹窗",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/template/long-list/long-list",
+			"style": {
+				"navigationBarTitleText": "复杂长列表",
+				"enablePullDownRefresh": false
+			}
+		},
 		{
 			"path": "pages/component/list-view-autotest/list-view-autotest",
 			"style": {
 				"navigationBarTitleText": "list-view-autotest",
 				"enablePullDownRefresh": false
 			}
+		}, {
+			"path": "pages/component/scroll-view/scroll-view-props",
+			"style": {
+				"navigationBarTitleText": "非下拉刷新的scroll-view属性示例",
+				"enablePullDownRefresh": false
+			}
+		}, {
+			"path": "pages/component/scroll-view/scroll-view-refresher-props",
+			"style": {
+				"navigationBarTitleText": "下拉刷新的scroll-view属性示例",
+				"enablePullDownRefresh": false
+			}
 		}
-  ],
-  "globalStyle": {
-    "pageOrientation": "portrait",
-    "navigationBarTitleText": "Hello uniapp x",
-    "navigationBarTextStyle": "white",
-    "navigationBarBackgroundColor": "#007AFF",
-    "backgroundColor": "#efeff4",
-    "backgroundColorTop": "#F4F5F6",
-    "backgroundColorBottom": "#F4F5F6"
-  },
-  "tabBar": {
-    "color": "#7A7E83",
-    "selectedColor": "#007AFF",
-    "borderStyle": "black",
-    "backgroundColor": "#F8F8F8",
-    "list": [{
-        "pagePath": "pages/tabBar/component",
-        "iconPath": "static/component.png",
-        "selectedIconPath": "static/componentHL.png",
-        "text": "内置组件"
-      },
-      {
-        "pagePath": "pages/tabBar/API",
-        "iconPath": "static/api.png",
-        "selectedIconPath": "static/apiHL.png",
-        "text": "接口"
-      },
-      {
-        "pagePath": "pages/tabBar/CSS",
-        "iconPath": "static/css.png",
-        "selectedIconPath": "static/cssHL.png",
-        "text": "CSS"
-      },
-      {
-        "pagePath": "pages/tabBar/template",
-        "iconPath": "static/template.png",
-        "selectedIconPath": "static/templateHL.png",
-        "text": "模板"
-      }
-    ]
-  },
-  "condition": {
-    //模式配置，仅开发期间生效
-    "current": 0, //当前激活的模式(list 的索引项)
-    "list": [{
-      "name": "", //模式名称
-      "path": "", //启动页面，必选
-      "query": "" //启动参数，在页面的onLoad函数里面得到
-    }]
-  }
+	],
+	"globalStyle": {
+		"pageOrientation": "portrait",
+		"navigationBarTitleText": "Hello uniapp x",
+		"navigationBarTextStyle": "white",
+		"navigationBarBackgroundColor": "#007AFF",
+		"backgroundColor": "#efeff4",
+		"backgroundColorTop": "#F4F5F6",
+		"backgroundColorBottom": "#F4F5F6"
+	},
+	"tabBar": {
+		"color": "#7A7E83",
+		"selectedColor": "#007AFF",
+		"borderStyle": "black",
+		"backgroundColor": "#F8F8F8",
+		"list": [{
+				"pagePath": "pages/tabBar/component",
+				"iconPath": "static/component.png",
+				"selectedIconPath": "static/componentHL.png",
+				"text": "内置组件"
+			},
+			{
+				"pagePath": "pages/tabBar/API",
+				"iconPath": "static/api.png",
+				"selectedIconPath": "static/apiHL.png",
+				"text": "接口"
+			},
+			{
+				"pagePath": "pages/tabBar/CSS",
+				"iconPath": "static/css.png",
+				"selectedIconPath": "static/cssHL.png",
+				"text": "CSS"
+			},
+			{
+				"pagePath": "pages/tabBar/template",
+				"iconPath": "static/template.png",
+				"selectedIconPath": "static/templateHL.png",
+				"text": "模板"
+			}
+		]
+	},
+	"condition": {
+		//模式配置，仅开发期间生效
+		"current": 0, //当前激活的模式(list 的索引项)
+		"list": [{
+			"name": "", //模式名称
+			"path": "", //启动页面，必选
+			"query": "" //启动参数，在页面的onLoad函数里面得到
+		}]
+	}
 }
\ No newline at end of file
diff --git a/pages/component/scroll-view/scroll-view-props.uvue b/pages/component/scroll-view/scroll-view-props.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..8757a7bc025439c6e6ac2c93f5992652e1e6f03d
--- /dev/null
+++ b/pages/component/scroll-view/scroll-view-props.uvue
@@ -0,0 +1,214 @@
+<template>
+	<!-- #ifdef APP -->
+	<view style="flex:1;">
+		<!-- #endif -->
+		<page-head title="非下拉刷新的scroll-view属性示例"></page-head>
+		<view class="uni-margin-wrap">
+			<!-- 暂时分成两个方向不同的滚动视图，原因为：scroll-x或scroll-y属性一经设置不能动态改变。 -->
+			<scroll-view v-if="scrollX" :scroll-x="true" :scroll-top="scrollTop" :scroll-left="scrollLeft"
+				:upper-threshold="upperThreshold" :lower-threshold="lowerThreshold" :scroll-into-view="scrollIntoView"
+				:enable-back-to-top="enableBackToTop" :scroll-with-animation="scrollWithAnimation"
+				:show-scrollbar="showScrollbar" @scrolltoupper="scrolltoupper" @scrolltolower="scrolltolower"
+				@scroll="scroll" @scrollend="scrollend">
+				<view class="item" :id="'horizontal_'+item.id" v-for="(item,_) in items">
+					<text class="uni-text">{{item.label}}</text>
+				</view>
+			</scroll-view>
+			<scroll-view v-else :scroll-x="false" :scroll-top="scrollTop" :scroll-left="scrollLeft"
+				:upper-threshold="upperThreshold" :lower-threshold="lowerThreshold" :scroll-into-view="scrollIntoView"
+				:enable-back-to-top="enableBackToTop" :scroll-with-animation="scrollWithAnimation"
+				:show-scrollbar="showScrollbar" @scrolltoupper="scrolltoupper" @scrolltolower="scrolltolower"
+				@scroll="scroll" @scrollend="scrollend">
+				<view class="item" :id="item.id" v-for="(item,_) in items">
+					<text class="uni-text">{{item.label}}</text>
+				</view>
+			</scroll-view>
+		</view>
+
+		<scroll-view class="uni-list" showScrollbar="true">
+			<view class="uni-option">
+				<text>是否显示滚动条</text>
+				<switch :checked="showScrollbar" @change="showScrollbar=!showScrollbar"></switch>
+			</view>
+			<view class="uni-option">
+				<text>是否有反弹效果</text>
+				<switch :checked="bounces" @change="bounces=!bounces"></switch>
+			</view>
+			<view class="uni-option">
+				<text>是否开启双击标题栏返回顶部</text>
+				<switch :checked="enableBackToTop" @change="enableBackToTop=!enableBackToTop"></switch>
+			</view>
+			<view class="uni-option">
+				<text>是否开启滚动时使用动画过渡</text>
+				<switch :checked="scrollWithAnimation" @change="scrollWithAnimation=!scrollWithAnimation"></switch>
+			</view>
+			<view class="uni-option">
+				<text>是否横向滚动</text>
+				<switch :checked="scrollX" @change="changeDirection"></switch>
+			</view>
+			<view class="uni-common-pb"></view>
+			<view class="uni-slider">
+				<text>拖动设置scroll-top</text>
+				<slider :max="1000" :min="0" :step="10" :value="scrollTop" :show-value="true"
+					@change="handleChangeScrollTop" style="margin-top: 10rpx;" />
+			</view>
+			<view class="uni-common-pb"></view>
+			<view class="uni-slider">
+				<text>拖动设置scroll-left</text>
+				<slider :max="1000" :min="0" :step="10" :value="scrollLeft" :show-value="true"
+					@change="handleChangeScrollLeft" style="margin-top: 10rpx;" />
+			</view>
+
+			<view class="uni-option">
+				<text>设置触发scrolltoupper的距离</text>
+				<input style="width: 100rpx;border-width: 2rpx;text-align: center; " :value="upperThreshold"
+					type="number" @input="handleUpperThresholdInput" />
+			</view>
+
+			<view class="uni-option">
+				<text>设置触发scrolltolower的距离</text>
+				<input style="width: 100rpx;border-width: 2rpx;text-align: center; " :value="lowerThreshold"
+					type="number" @input="handleLowerThresholdInput" />
+			</view>
+
+			<view class="uni-common-pb"></view>
+			<view class="uni-slider">
+				<button type="primary" class="button default-button" @click="handleScrollIntoView">
+					滚动到id为`item3`的子视图
+				</button>
+			</view>
+			<view class="uni-common-pb"></view>
+		</scroll-view>
+
+	</view>
+</template>
+
+<script>
+	import ScrollEvent from 'io.dcloud.uniapp.runtime.ScrollEvent'
+	type Item = {
+		id : string,
+		label : string,
+	}
+	export default {
+		data() {
+			return {
+				items: [] as Item[],
+				scrollX: false,
+				bounces: false,
+				scrollTop: 0,
+				scrollLeft: 0,
+				scrollIntoView: "",
+				enableBackToTop: false,
+				scrollWithAnimation: false,
+				showScrollbar: false,
+				upperThreshold: 50,
+				lowerThreshold: 50,
+			}
+		},
+
+		onLoad() {
+			for (let i = 0; i < 10; i++) {
+				const item = {
+					id: "item" + i,
+					label: "item" + i,
+				} as Item;
+				this.items.push(item);
+			}
+		},
+		methods: {
+			handleChangeScrollLeft(e : SliderChangeEvent) {
+				this.scrollLeft = e.detail.value;
+			},
+			handleChangeScrollTop(e : SliderChangeEvent) {
+				this.scrollTop = e.detail.value;
+			},
+			changeDirection() {
+				this.scrollX = !this.scrollX;
+				this.scrollTop = 0;
+				this.scrollLeft = 0;
+			},
+			handleScrollIntoView() {
+				if (this.scrollX) {
+					this.scrollIntoView = "horizontal_item3";
+				} else {
+					this.scrollIntoView = "item3";
+				}
+				//重置状态，由于响应式的原因，设置的值与当前值相同，会导致再次设置无效果。
+				setTimeout(() => {
+					this.scrollIntoView = "";
+				}, 0);
+			},
+			handleUpperThresholdInput(e : InputEvent) {
+				const value = e.detail.value;
+				if (value == "") {
+					this.upperThreshold = 50;
+				} else {
+					this.upperThreshold = parseInt(e.detail.value);
+				}
+			},
+			handleLowerThresholdInput(e : InputEvent) {
+				const value = e.detail.value;
+				if (value == "") {
+					this.lowerThreshold = 50;
+				} else {
+					this.lowerThreshold = parseInt(e.detail.value);
+				}
+			},
+			//事件监听
+			scrolltoupper() {
+				console.log("滚动到顶部");
+			},
+			scrolltolower() {
+				console.log("滚动到底部");
+			},
+			scroll(e : ScrollEvent) {
+				console.log("scroll-top : " + e.detail.scrollTop + " scroll-left : " + e.detail.scrollLeft);
+			},
+			scrollend() {
+				console.log("滚动停止");
+			}
+		}
+	}
+</script>
+
+<style>
+	.uni-margin-wrap {
+		height: 400rpx;
+		margin-left: 50rpx;
+		margin-right: 50rpx;
+	}
+
+	.item {
+		justify-content: center;
+		align-items: center;
+		height: 400rpx;
+		width: 100%;
+		background-color: azure;
+		border-width: 2rpx;
+		border-color: chocolate;
+	}
+
+	.uni-text {
+		color: black;
+		font-size: 50px;
+	}
+
+	.uni-list {
+		flex: 1;
+		margin: 50rpx 50rpx 0rpx 50rpx;
+	}
+
+	.uni-option {
+		height: 100rpx;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+		padding: 20rpx;
+	}
+
+	.uni-slider {
+		height: 100rpx;
+		padding: 30rpx;
+		justify-content: center;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/component/scroll-view/scroll-view-refresher-props.uvue b/pages/component/scroll-view/scroll-view-refresher-props.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..d056d5f9101a9e107c73a30789f7352d3cbdfd05
--- /dev/null
+++ b/pages/component/scroll-view/scroll-view-refresher-props.uvue
@@ -0,0 +1,167 @@
+<template>
+	<!-- #ifdef APP -->
+	<view style="flex:1;">
+		<!-- #endif -->
+		<page-head title="下拉刷新的scroll-view属性示例"></page-head>
+		<view class="uni-margin-wrap">
+			<scroll-view :refresher-enabled="refresherEnabled" :refresher-threshold="refresherThreshold"
+				:refresher-default-style="refresherDefaultStyle" :refresher-background="refresherBackground"
+				:refresher-triggered="refresherTriggered" @refresherpulling="refresherpulling"
+				@refresherrefresh="refresherrefresh" @refresherrestore="refresherrestore"
+				@refresherabort="refresherabort">
+				<view class="item" :id="item.id" v-for="(item,_) in items">
+					<text class="uni-text">{{item.label}}</text>
+				</view>
+			</scroll-view>
+		</view>
+
+		<scroll-view class="uni-list" showScrollbar="true">
+			<view class="uni-common-pb"></view>
+			<text style="font-size: 12;text-align: center;color: red; ">**下拉刷新的属性设置需要先打开下拉刷新开关**</text>
+			<view class="uni-common-pb"></view>
+			<view class="uni-option">
+				<text>是否开启下拉刷新</text>
+				<switch :checked="refresherEnabled" @change="handleTrunOnRefresher"></switch>
+			</view>
+			<view class="uni-option">
+				<text>设置下拉刷新状态</text>
+				<switch :disabled="!refresherEnabled" :checked="refresherTriggered"
+					@change="refresherTriggered=!refresherTriggered"></switch>
+			</view>
+
+			<view class="uni-option">
+				<text>设置下拉刷新阈值</text>
+				<input style="width: 100rpx;border-width: 2rpx;text-align: center; " :disabled="!refresherEnabled"
+					:value="refresherThreshold" type="number" @input="handleRefresherThresholdInput" />
+			</view>
+
+			<view class="uni-option">
+				<text>设置下拉刷新区域背景颜色</text>
+				<input style="width: 200rpx;border-width: 2rpx;text-align: center; " :disabled="!refresherEnabled"
+					:value="refresherBackground" @input="handleRefresherBackground" />
+			</view>
+
+			<view style="height: 200rpx;padding: 20rpx; ">
+				<text>设置下拉刷新默认样式</text>
+				<view class="uni-common-pb"></view>
+				<view style="flex-direction: row;">
+					<button style="padding: 5rpx; margin-right: 10rpx;" type="primary" size="mini"
+						@click="refresherDefaultStyle = `none`">none</button>
+					<button style="padding: 5rpx; margin-right: 10rpx; " type="primary" size="mini"
+						@click="refresherDefaultStyle = `black`">black</button>
+					<button style="padding: 5rpx;" type="primary" size="mini"
+						@click="refresherDefaultStyle = `white`">white</button>
+				</view>
+			</view>
+
+			<!-- //todo 还有自定义下拉刷新样式的例子 -->
+			<view class="uni-common-pb"></view>
+		</scroll-view>
+
+	</view>
+</template>
+
+<script>
+	type Item = {
+		id : string,
+		label : string,
+	}
+	export default {
+		data() {
+			return {
+				items: [] as Item[],
+				refresherEnabled: false,
+				refresherTriggered: false,
+				refresherThreshold: 45,
+				refresherDefaultStyle: "white",
+				refresherBackground: "transparent",
+			}
+		},
+		onLoad() {
+			for (let i = 0; i < 10; i++) {
+				const item = {
+					id: "item" + i,
+					label: "item" + i,
+				} as Item;
+				this.items.push(item);
+			}
+		},
+		methods: {
+			handleTrunOnRefresher() {
+				this.refresherTriggered = false;
+				//不能同时关闭下拉状态和关闭下拉刷新。
+				setTimeout(() => {
+					this.refresherEnabled = !this.refresherEnabled;
+				}, 0)
+			},
+			handleRefresherThresholdInput(e : InputEvent) {
+				const value = e.detail.value;
+				if (value == "") {
+					this.refresherThreshold = 45;
+				} else {
+					this.refresherThreshold = parseInt(e.detail.value);
+				}
+			},
+
+			handleRefresherBackground(e : InputEvent) {
+				const value = e.detail.value;
+				this.refresherBackground = value;
+			},
+			//响应事件
+			refresherpulling() {
+				console.log("下拉刷新控件被下拉");
+			},
+			refresherrefresh() {
+				console.log("下拉刷新被触发");
+			},
+			refresherrestore() {
+				console.log("下拉刷新被复位");
+			},
+			refresherabort() {
+				console.log("下拉刷新被中止");
+			}
+		}
+	}
+</script>
+
+<style>
+	.uni-margin-wrap {
+		height: 400rpx;
+		margin-left: 50rpx;
+		margin-right: 50rpx;
+	}
+
+	.item {
+		justify-content: center;
+		align-items: center;
+		height: 400rpx;
+		width: 100%;
+		background-color: azure;
+		border-width: 2rpx;
+		border-color: chocolate;
+	}
+
+	.uni-text {
+		color: black;
+		font-size: 50px;
+	}
+
+	.uni-list {
+		flex: 1;
+		margin: 50rpx 50rpx 0rpx 50rpx;
+	}
+
+	.uni-option {
+		height: 100rpx;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+		padding: 20rpx;
+	}
+
+	.picker-view {
+		width: 100%;
+		height: 320px;
+		margin-top: 10px;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/component/scroll-view/scroll-view.uvue b/pages/component/scroll-view/scroll-view.uvue
index 7362a137b6fe6d63c9129a01311532f5bf6d7039..1aba4732d079c3c950ef0dfe04164781004a220e 100644
--- a/pages/component/scroll-view/scroll-view.uvue
+++ b/pages/component/scroll-view/scroll-view.uvue
@@ -67,9 +67,21 @@
             >
           </scroll-view>
         </view>
-        <view class="uni-common-pb"></view>
+        
+		<button
+		  type="primary"
+		  class="button default-button"
+		  @click="moreProps"
+		>
+		  非下拉刷新的scroll-view属性示例
+		</button>
+		<view class="uni-common-pb"></view>
+		<button type="primary" class="button default-button" @click="jumpToRefresher">
+			下拉刷新的scroll-view属性示例
+		</button>
+		<view class="uni-common-pb"></view>
       </view>
-    </view>
+    </view>
     <!-- #ifdef APP -->
   </scroll-view>
   <!-- #endif -->
@@ -110,7 +122,17 @@ export default {
       uni.navigateTo({
         url: '/pages/component/scroll-view/scroll-view-refresher',
       })
-    },
+    },
+	moreProps(){
+		uni.navigateTo({
+		  url: '/pages/component/scroll-view/scroll-view-props',
+		})
+	},
+	jumpToRefresher() {
+		uni.navigateTo({
+		  url: '/pages/component/scroll-view/scroll-view-refresher-props',
+		})
+	},
   },
 }
 </script>