uniapp 开发遇到的问题记录

1.公共头部用的时候一定要注意最好是用官方给的demo里面的案例，不然每个手机头部都不一样没办法计算。官方给的掉用不是很好用。样式自己改尽量不用改高度不然展现的时候很难看。2.底部公共的切换栏还是用官网的，这段代码放在pages.json中就可以了"tabBar": {"color": "#7A7E83","selectedColor": "#007AFF","borderStyle": "b

前端小白~庄

207人浏览 · 2022-01-14 19:57:55

前端小白~庄 · 2022-01-14 19:57:55 发布

1.公共头部用的时候一定要注意最好是用官方给的demo里面的案例，不然每个手机头部都不一样没办法计算。官方给的掉用不是很好用。样式自己改尽量不用改高度不然展现的时候很难看。

2.底部公共的切换栏还是用官网的，这段代码放在pages.json中就可以了

	"tabBar": {
		"color": "#7A7E83",
		"selectedColor": "#007AFF",
		"borderStyle": "black",
		"backgroundColor": "#FFFFFF",
		"list": [{
				"pagePath": "pages/toolDashboard/index",
				"iconPath": "static/ic_home_grey@2x.png",
				"selectedIconPath": "static/ic_home_blue@2x.png",
				"text": "首页"
			},
			{
				"pagePath": "pages/tunnelList/tunnelList",
				"iconPath": "static/ic_suidao_grey@2x.png",
				"selectedIconPath": "static/ic_suidao_blue@2x.png",
				"text": "隧道"
			}, {
				"pagePath": "pages/message/message",
				"iconPath": "static/ic_xiaoxi_grey@2x.png",
				"selectedIconPath": "static/ic_xiaoxi_blue@2x.png",
				"text": "消息"
				}
				// , {
				// 	"pagePath": "",
				// 	"iconPath": "static/ic_gerenzhongxin_grey@2x.png",
				// 	"selectedIconPath": "./static/ic_gerenzhongxin_blue@2x.png",
				// 	"text": "个人中心"
				// }
		]
	}

3.当有展示视频图片的时候一定要注意一些层级官方给的popup 和video 这两个不能一起使用特别video 这个暂时的话最好是单独页面，如果非要一个页面展示出来，可以用.nvue 的方法具体里面有什么坑。自己去摸索把我没用成功。我把视频单独开了个页面。