Das WeChat-Applet realisiert den Effekt des Siebschüttelns

<!--pages/spiel/spiel.wxml-->

<view class="text">Die Anzahl der Siebpunkte beträgt: {{total}}</view>
<Ansichtsklasse="Punkt1">
  <Bild src="{{top}}">
  </image>
</Ansicht>
<Ansichtsklasse="Punkt2">
  <Bild src="{{left}}"></Bild>
  <Bild src="{{rechts}}">
  </image>
</Ansicht>
<button class='{{btn}}' bindtap='click'>{{texts}}</button>

Daten: {
    oben: "../images/images/1-point.png",
    gesamt: '',
    links: "../images/images/2-point.png",
    rechts: "../images/images/3-point.png",
    btn: '.btnStart',
    Texte:'Schüttel es',
    Flagge: wahr,
    img:[
      "../images/images/1-Punkt.png",
      "../images/images/2-point.png",
      "../images/images/3-point.png",
      "../images/images/4-point.png",
      "../images/images/5-point.png",
      „../images/images/6-point.png“

    ]

  },

  /**
   * Lebenszyklusfunktion - auf Seitenladen warten*/
 Klick:Funktion(){
   var selbst = dies;
   wenn(diese.Daten.Flagge){
    
     selbst.timer = Intervall setzen(Funktion(){
       var eins = Math.floor(Math.random() * 6);
       var zwei = Math.floor(Math.random() * 6);
       var drei = Math.floor(Math.random() * 6);
        selbst. setData({          
          oben: self.data.img[one],
          links: self.data.img[zwei],
          rechts: self.data.img[drei],
          gesamt:eins+zwei+drei+3,
          
        })
     },200)
     selbst. setData({
       btn: ".btnEnd",
       Texte: 'Stopp',
       Flagge: falsch,
     })
     
   } anders {
     clearInterval(Selbstauslöser);

     selbst. setData({
       btn: ".btnStart",
       Texte: 'Shake it',
       Flagge: wahr,


     })

   }
   
 },