pages.json文件用来对uniapp进行全局配置,配置项包括
1、globalStyle和pages:用户设置全局状态栏、导航条、标题、窗口颜色等。
文章中介绍了自定义导航栏使用注意事项:如果没有原生导航栏,在非H5端,手机顶部状态栏区域会被页面内容覆盖没这事因为窗体是沉浸式的,可以通过自定义css变量来解决。
2. 设置自定义导航栏
navigationStyle为custom,当navigationStyle设为custom设为false时,原生导航栏不显示。非H5端,手机顶部状态栏区域会被页面内容覆盖。这是因为窗体是沉浸式的原因,即全屏可写内容。uni-app提供了状态栏高度的css变量--status-bar-height,如果需要把状态栏的位置从前景部分让出来,可写一个占位div,高度设为css变量。
4. easyCom超级组件
传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。easycom将其精简为一步。
manifest.json 配置用来配置app、小程序、h5的信息,比如配置代理,h5模板,小程序appId,app的名称、图标等。h5配置代理解决跨域问题。
1、globalStyle和pages:用户设置全局状态栏、导航条、标题、窗口颜色等。
文章中介绍了自定义导航栏使用注意事项:如果没有原生导航栏,在非H5端,手机顶部状态栏区域会被页面内容覆盖没这事因为窗体是沉浸式的,可以通过自定义css变量来解决。
2. 设置自定义导航栏
navigationStyle为custom,当navigationStyle设为custom设为false时,原生导航栏不显示。非H5端,手机顶部状态栏区域会被页面内容覆盖。这是因为窗体是沉浸式的原因,即全屏可写内容。uni-app提供了状态栏高度的css变量--status-bar-height,如果需要把状态栏的位置从前景部分让出来,可写一个占位div,高度设为css变量。
4. easyCom超级组件
传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。easycom将其精简为一步。
manifest.json 配置用来配置app、小程序、h5的信息,比如配置代理,h5模板,小程序appId,app的名称、图标等。h5配置代理解决跨域问题。