WeChat-Applet wxapp Navigation Navigator ausführliche Erklärung

高洛峰
Freigeben: 2017-02-14 14:27:39
Original
2102 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich relevante Informationen zur detaillierten Erklärung des WeChat-Miniprogramms wxapp Navigation Navigator vorgestellt und einfache Beispielcodes beigefügt. Freunde in Not können sich auf

WeChat-Miniprogramm wxapp Navigation Navigator

beziehen

WeChat-Miniprogramme erfreuen sich in letzter Zeit großer Beliebtheit. Da dies der Frühling der Front-End-Entwicklung ist, können Front-End-Ingenieure viel Geld verdienen Ich habe mir in meiner Freizeit das Wissen über WeChat-Miniprogramme angeeignet, das hier aufgezeichnet ist

Hinweis: navigator-hover ist standardmäßig auf {background-color:rgba( 0,0,0,0.1);opacity:0.7;} eingestellt. Die Hintergrundfarbe des untergeordneten Knotens von sollte transparent sein

Beispielcode:

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



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

<!-- 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>
Nach dem Login kopieren

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

Vielen Dank fürs Lesen, ich hoffe, es hilft allen, vielen Dank für Ihre Unterstützung dieser Website!

<!-- redirect.wxml -->
<view style="text-align:center"> {{title}} </view>
<view> 点击左上角返回回到上级页面 </view>
Nach dem Login kopieren
Weitere ausführliche Erklärungen zum WeChat-Applet wxapp Navigation Navigator und verwandte Artikel finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!