uniapp H5页面中的tabbar点击跳转到第三方客服

效果如图：

1、在pages.json内配置跳转路径

"tabBar": {
		"selectedColor": "#DA161B",
		"color": "#666",
		"backgroundColor": "#fff",
		"list": [{
				"pagePath": "pages/index/index",
				"text": "首页",
				"iconPath": "/static/img/tabbar/index.png",
				"selectedIconPath": "/static/img/tabbar/index2.png"
			},
			{
				"pagePath": "pages/customer-service/customer-service",
				"text": "在线咨询",
				"iconPath": "/static/img/tabbar/service.png",
				"selectedIconPath": "/static/img/tabbar/service2.png"
			}
		]
	},

2、在.vue页面内使用web–view,在src内填入第三方客服的地址即可

<web-view :webview-styles="webviewStyles" src="填入客服地址"&gt;</web-view&gt;

代码007普通

打赏 收藏 海报 链接