uni-app 导航栏透明设置

uni-app 导航栏透明设置

1、pages.json的style中配置uni-app 导航栏透明设置_第1张图片

		{
			"path": "pages/shop/shop",
			"style": {
				"navigationBarTextStyle": "black",
				"navigationBarBackgroundColor": "transparent",
				"app-plus": {
					"titleNView": {
						"type": "float",
						"titleText": "店铺"
					}
				}
			}
		}

2、设置背景图片如下

uni-app 导航栏透明设置_第2张图片

<view class="shop":style="{backgroundImage: 'url(' + imageURL + ')',
  'background-repeat':'no-repeat', backgroundSize:'100% 100px'}">
</view>

你可能感兴趣的:(前端,uni-app,vue.js)