搜索页开发(上)

page.json

			"path": "pages/search/search",
			"style": {
				"app-plus": {
					// 隐藏滚动条
					"scrollIndicator": "none",
					"bounce": "none", // 关闭返弹效果
					"titleNView": {
						"autoBackButton": false, //隐藏返回图标
						// 搜索框的配置
						"searchInput": {
							"align": "center",
							"backgroundColor": "#f7f7f7",
							"borderRadius": "4px",
							"placeholder": "搜索",
							"placeholderColor": "#ccc",
							"disabled": false
						},
						// button按钮
						"buttons": [
							// 右边
							{
								"color": "#333",
								"colorPressed": "#BBBBBB",
								"float": "right",
								"fontSize": "16px",
								"text": "取消"
							}
						]
					}
				}
			}

seach.vue

		// 监听原生标题导航按钮点击事件
		onNavigationBarButtonTap(e) {
			if (e.index === 0) {
				uni.navigateBack({
					delta: 1
				})
			}
		}