tencent cloud

/ wxss /
/ Modify the default navigator click status /
.navigator-hover {
  color: blue;
}
/ Customize other click status style classes /
.other-navigator-hover {
  color: red;
}

<!-- sample.wxml -->
<view class="btn-area">
  <navigator
    url="/page/navigate/navigate?title=navigate"
    hover-class="navigator-hover"
  >
    Redirect to a new page
  </navigator>
  <navigator
    url="../../redirect/redirect/redirect?title=redirect"
    open-type="redirect"
    hover-class="other-navigator-hover"
  >
    Open on the current page
  </navigator>
  <navigator
    url="/page/index/index"
    open-type="switchTab"
    hover-class="other-navigator-hover"
  >
    Switch Tab
  </navigator>
</view>

<!-- navigator.wxml -->
<view style="text-align:center">{{title}}</view>
<view>Click the top left corner to return to the previous page</view>

// redirect.js navigator.js
Page({
  onLoad(options) {
    this.setData({
      title: options.title
    })
  }
})