add: H5 平台新增关于页面

examples/hello-uniapp/pages.json

@@ -14,11 +14,6 @@
 							"color": "#999999"
 						}]
 					}
-				},
-				"h5": {
-					"titleNView": {
-						"buttons": []
-					}
 				}
 			}
 		},
@@ -35,11 +30,6 @@
 							"color": "#999999"
 						}]
 					}
-				},
-				"h5": {
-					"titleNView": {
-						"buttons": []
-					}
 				}
 			}
 		},
@@ -56,11 +46,6 @@
 							"color": "#999999"
 						}]
 					}
-				},
-				"h5": {
-					"titleNView": {
-						"buttons": []
-					}
 				}
 			}
 		},
@@ -485,6 +470,12 @@
 				"navigationBarTitleText": "关于"
 			}
 		},
+		{
+			"path": "platforms/h5/about/about",
+			"style": {
+				"navigationBarTitleText": "关于"
+			}
+		},
 		{
 			"path": "platforms/app-plus/tabbar/tabbar",
 			"style": {

examples/hello-uniapp/pages/tabBar/API/API.vue

@@ -234,7 +234,12 @@
 		},
 		onNavigationBarButtonTap(e) {
 			uni.navigateTo({
-				url: '/platforms/app-plus/about/about'
+				// #ifdef APP-PLUS
+				url: '/platforms/app-plus/about/about',
+				// #endif
+				// #ifdef H5
+				url: '/platforms/h5/about/about',
+				// #endif
 			})
 		},
 		methods: {

examples/hello-uniapp/pages/tabBar/component/component.vue

@@ -28,58 +28,62 @@
 		data() {
 			return {
 				lists: [{
-					id: 'view',
-					name: '视图容器',
-					open: false,
-					pages: [
-						'view',
-						'scroll-view',
-						'swiper',
-						//#ifndef H5
-						'movable-view',
-						//#endif
-					]
-				}, {
-					id: 'content',
-					name: '基础内容',
-					open: false,
-					pages: ['text', 'rich-text', 'icon', 'progress']
-				}, {
-					id: 'form',
-					name: '表单组件',
-					open: false,
-					pages: ['button', 'checkbox', 'form', 'input', 'label', 'picker', 'picker-view', 'radio',
-						'slider',
-						'switch', 'textarea'
-					]
-				}, {
-					id: 'nav',
-					name: '导航',
-					open: false,
-					pages: ['navigator']
-				}, {
-					id: 'media',
-					name: '媒体组件',
-					open: false,
-					pages: ['image', 'audio', 'video']
-				}, {
-					id: 'map',
-					name: '地图',
-					open: false,
-					pages: ['map']
+						id: 'view',
+						name: '视图容器',
+						open: false,
+						pages: [
+							'view',
+							'scroll-view',
+							'swiper',
+							//#ifndef H5
+							'movable-view',
+							//#endif
+						]
+					}, {
+						id: 'content',
+						name: '基础内容',
+						open: false,
+						pages: ['text', 'rich-text', 'icon', 'progress']
+					}, {
+						id: 'form',
+						name: '表单组件',
+						open: false,
+						pages: ['button', 'checkbox', 'form', 'input', 'label', 'picker', 'picker-view', 'radio',
+							'slider',
+							'switch', 'textarea'
+						]
+					}, {
+						id: 'nav',
+						name: '导航',
+						open: false,
+						pages: ['navigator']
+					}, {
+						id: 'media',
+						name: '媒体组件',
+						open: false,
+						pages: ['image', 'audio', 'video']
+					}, {
+						id: 'map',
+						name: '地图',
+						open: false,
+						pages: ['map']
+
+					},
 					// #ifndef H5
-				}, {
-					id: 'web-view',
-					name: '网页',
-					open: false,
-					pages: ['web-view'],
+					{
+						id: 'web-view',
+						name: '网页',
+						open: false,
+						pages: ['web-view'],
+
+					},
 					// #endif
-				}]
+				]
 			}
 		},
 		onLoad() {
 			// #ifdef APP-PLUS 
-			//web-view组件支持本地html，依赖最新版的客户端基座
+			// web-view组件支持本地html，依赖最新版的客户端基座
 			var innerversion = plus.runtime.innerVersion;
 			var _v = innerversion.substring(innerversion.lastIndexOf('.') + 1, innerversion.length);
 			if (_v && parseInt(_v) >= 53650) {
@@ -103,7 +107,12 @@
 		},
 		onNavigationBarButtonTap(e) {
 			uni.navigateTo({
-				url: '/platforms/app-plus/about/about'
+				// #ifdef APP-PLUS
+				url: '/platforms/app-plus/about/about',
+				// #endif
+				// #ifdef H5
+				url: '/platforms/h5/about/about',
+				// #endif
 			})
 		},
 		methods: {

examples/hello-uniapp/pages/tabBar/template/template.vue

@@ -191,12 +191,12 @@
 					}, {
 						name: '倒计时',
 						url: 'countdown'
-					}
+					},
 					// #ifdef APP-PLUS 
-					, {
+					{
 						name: '聊天窗口 chat',
 						url: 'im-chat'
-					}
+					},
 					// #endif
 				]
 			}
@@ -209,7 +209,12 @@
 		},
 		onNavigationBarButtonTap(e) {
 			uni.navigateTo({
-				url: '/platforms/app-plus/about/about'
+				// #ifdef APP-PLUS
+				url: '/platforms/app-plus/about/about',
+				// #endif
+				// #ifdef H5
+				url: '/platforms/h5/about/about',
+				// #endif
 			})
 		},
 		methods: {

examples/hello-uniapp/platforms/h5/about/about.vue

+<template>
+	<view class="about">
+		<view class="content">
+			<view class="qrcode">
+				<image src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/app_download.png"></image>
+				<text class="tip">扫码体验uni-app</text>
+			</view>
+			<view class="desc">
+				<text class="code">uni-app</text>
+				是一个使用 <text class="code">Vue.js</text> 开发跨平台应用的前端框架 。
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {};
+		}
+	}
+</script>
+
+<style>
+	page,
+	view {
+		display: flex;
+	}
+
+	page {
+		min-height: 100%;
+		background-color: #FFFFFF;
+	}
+
+	image {
+		width: 400upx;
+		height: 400upx;
+	}
+
+	.about {
+		flex-direction: column;
+		flex: 1;
+	}
+
+	.content {
+		flex: 1;
+		padding: 30upx;
+		flex-direction: column;
+		justify-content: center;
+	}
+
+	.qrcode {
+		display: flex;
+		align-items: center;
+		flex-direction: column;
+	}
+
+	.qrcode .tip {
+		margin-top: 20upx;
+	}
+
+	.desc {
+		margin-top: 30upx;
+		display: block;
+	}
+
+	.code {
+		color: #e96900;
+		background-color: #f8f8f8;
+	}
+</style>