Benutzerdefinierter Code für das WeChat-Applet-Popup-Fenster

不言
Freigeben: 2018-06-23 14:38:28
Original
2660 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich relevante Informationen zum angepassten Beispielcode des WeChat-Miniprogramm-Popup-Fensters vorgestellt. Bei Entwicklungsprojekten ist es manchmal erforderlich, die Komponenten des Originalsystems entsprechend den Kundenanforderungen zu ändern Ändern Sie das Popup-Fenster im Miniprogramm. Freunde in Not können sich auf das

WeChat-Applet-Popup-Fenster

Ersten WXML-Code beziehen:

<view class="myToast" hidden="{{nullHouse}}">暂无有关信息</view>
<view bindtap="clickArea">点击此处</view>  
Nach dem Login kopieren

Hinweis: Das Attribut hidden wird an Stellen verwendet, an denen häufig gewechselt wird.

wxss-Code zum Festlegen des Popup-Fensterstils:

.myToast{
 width:240rpx;
 height:130rpx;
 line-height: 130rpx;
 margin:80rpx 35%;
 border-radius:20rpx;
 background-color: rgb(114,113,113);
 color:rgb(255,255,255);
 font-size: 36rpx;
 text-align: center;
 position: absolute;
 z-index: 100;
 opacity: 0.85;
}
Nach dem Login kopieren

js:

Page({

 data:{
  nullHouse:true, //先设置隐藏
    },
 onLoad:function(options){
   // 页面初始化 options为页面跳转所带来的参数
 },
 onReady:function(){
  // 页面渲染完成
 },
 onShow:function(){
  // 页面显示
 },
 onHide:function(){
  // 页面隐藏
 },
 onUnload:function(){
  // 页面关闭
 },
 clickArea:function(){
  var that = this;
  this.setData({
  nullHouse:false, //弹窗显示
  }) 
  setTimeout(function(){
  that.data.nullHouse = true, //1秒之后弹窗隐藏
   },1000)
 },
})
Nach dem Login kopieren

Hinweis: Die Funktion setTimeout() ist asynchron. Wenn der Computer setTimeout ausführt, wird die Aufgabe zuerst angehalten und gespeichert Die nachfolgende Ausführung wird fortgesetzt, bis sie abgeschlossen ist. Wenn die Bedingungen erfüllt sind, wird die Ausführungsaufgabe von setTimeout wieder an das Ende der Aufgabenwarteschlange gestellt und wartet auf die Ausführung.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Implementierung der Nachrichtenaufforderungsbox im WeChat-Applet

Das WeChat-Applet implementiert die dynamische Einstellung von Platzhalteraufforderungsmethoden für Text und Schaltflächenauswahl/Abbruchstatus

Das obige ist der detaillierte Inhalt vonBenutzerdefinierter Code für das WeChat-Applet-Popup-Fenster. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen 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!