uniapp 毛玻璃效果实现

效果展示：

 tabbar毛玻璃部分：

//pages.json
"tabBar": {
	"blurEffect":"extralight",
	"color": "#999999",
	"borderStyle": "#000000",
	"backgroundColor": "rgba(0,255,51,0.3)",
	"spacing": "5px",
	"height": "50px",
	"selectedColor": "#0062cc",
	"list": [
	    {
		    "text" : "HELLO",
		    "iconPath" : "static/logo.png",
		    "selectedIconPath" : "static/logo.png",
		    "pagePath": "pages/index/index"
	    },
	    {
			"text" : "WORLD",
			"iconPath" : "static/logo.png",
			"selectedIconPath" : "static/logo.png",
			"pagePath": "pages/index/index"
		}
    ]
},

 navigationBar毛玻璃部分：

//pages.json
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
	{
		"path": "pages/index/index",
		"style": {
			"navigationBarTitleText": "uni-app",
			"app-plus":{
				"bounce":"vertical",
				"titleNView": {
					"blurEffect":"extralight",
					"backgroundColor": "rgba(255,255,255,.8)",
					"type" : "float"
				}
			}
		}
	}
],