Explication détaillée du navigateur de navigation wxapp de l'applet WeChat

Cet article présente principalement les informations pertinentes sur l'explication détaillée du navigateur de navigation wxapp du mini programme WeChat et joint des exemples de codes simples. Les amis dans le besoin peuvent se référer au

Navigateur de navigation wxapp du mini programme WeChat

Les mini-programmes WeChat ont été très populaires récemment. Moments, Weibo, les forums et d'autres endroits inondent tous l'écran Parce que c'est le printemps du développement front-end, les ingénieurs front-end peuvent gagner beaucoup d'argent, alors je. J'ai appris la connaissance des mini-programmes WeChat pendant mon temps libre, qui est enregistrée ici Suivant :

navigateur

属性名	类型	默认值	说明
url	String		应用内的跳转链接
redirect	Boolean	false	是否关闭当前页面
hover-class	String	navigator-hover	指定点击时的样式类，当hover-class="none"时，没有点击态效果

. Remarque : navigator-hover est par défaut {background-color:rgba( 0,0,0,0.1);opacity:0.7;}, la couleur d'arrière-plan du nœud enfant de 🎜>

Exemple de code :

/** wxss **/
/** 修改默认的navigator点击态 **/
.navigator-hover{
  color:blue;
}
/** 自定义其他点击态样式类 **/
.other-navigator-hover{
  color:red;
}

<!-- sample.wxml -->
<view class="btn-area">
  <navigator url="navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator>
  <navigator url="redirect?title=redirect" redirect hover-class="other-navigator-hover">在当前页打开</navigator>
</view>
</navigator>

<!-- navigator.wxml -->
<view style="text-align:center"> {{title}} </view>
<view> 点击左上角返回回到之前页面 </view>

<!-- redirect.wxml -->
<view style="text-align:center"> {{title}} </view>
<view> 点击左上角返回回到上级页面 </view>

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

Merci d'avoir lu, j'espère que cela aidera tout le monde, merci pour votre soutien à ce site !

Pour plus d'explications détaillées sur le navigateur de navigation wxapp de l'applet WeChat et des articles connexes, veuillez faire attention au site Web PHP chinois !