wx小程序商城开发--1

小白-ynysjysg

已于 2022-07-04 19:48:39 修改

阅读量242

点赞数

文章标签：小程序前端 javascript web app

于 2022-07-04 18:46:47 首次发布

本文链接：https://blog.csdn.net/m0_59707151/article/details/125606408

版权

本文介绍了在uni-app中进行小程序开发时，如何处理pages.json中的'app-plus'配置，以及如何实现路由与页面跳转，如uni.navigateTo和uni.switchTab。此外，还详细讲解了如何监听并响应原生标题栏搜索输入框的事件，包括onNavigationBarSearchInputChanged、onNavigationBarSearchInputConfirmed和onNavigationBarSearchInputClicked。

摘要由CSDN通过智能技术生成

pages.json

{
	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "web2208",
				"app-plus":{//配置编译到App平台时的特定样式，部分常用配置H5平台也支持
					"titleNView":{//导航栏
						"searchInput":{//原生导航栏上的搜索框配置
							"placeholder":"请输入搜索内容",
							"disabled":true
						},
						"buttons":[
							{
								"float":"left",
								"fontSrc":"/static/font/iconfont.ttf",//按钮上文字使用的字体文件路径
								"text":"\ue67a",//按钮上显示的文字,字体图标'\u'开头
								"color":"#666"
							},
							{
								"float":"right",
								"fontSrc":"/static/font/iconfont.ttf",
								"text":"\ue661",
								"color":"#666"
							}