uni-app小程序自定义导航栏并适配不同机型

1、在page.json里面配置"globalStyle": { "navigationStyle": "custom" } ——导航栏自定义

2、在components目录下右键新建组件,然后复制以下代码





3、然后在需要自定义导航的页面引入并使用该组件




4、效果图展示如下 左侧返回支持自定义图标或者其他功能按钮

uni-app小程序自定义导航栏并适配不同机型_第1张图片uni-app小程序自定义导航栏并适配不同机型_第2张图片

你可能感兴趣的:(小程序,uni-app,1024程序员节)