uniapp 动态navigationstyle

Uniapp 提供了动态修改 navigationStyle 的方式，可以根据不同的页面需求来改变导航栏样式。下面是一种常见的实现方式：

1. 在 `App.vue` 文件中，定义一个全局的变量 `navigationStyle`，用来存储当前页面的导航栏样式：

export default {
  data() {
    return {
      navigationStyle: 'default' // 默认导航栏样式
    }
  }
}

2. 在要动态修改导航栏样式的页面中，通过修改 `navigationStyle` 的值来实现样式的改变。例如，在某个页面的 `onLoad` 生命周期中，可以根据条件动态修改导航栏样式：

export default {
  onLoad() {
    if (condition) {
      this.$root.navigationStyle = 'custom' // 自定义导航栏样式
    } else {
      this.$root.navigationStyle = 'default' // 默认导航栏样式
    }
  }
}

3. 在 `App.vue` 文件中，使用动态绑定的方式来控制导航栏样式：

<template>
  <div>
    <navigator :style="navigationStyle">...</navigator>
  </div>
</template>

通过以上步骤，就可以实现 Uniapp 中动态修改导航栏样式的效果。需要注意的是，这只是一种示例实现方式，具体根据项目需求进行调整。