WeChat-Applet implementiert ein einfaches Würfelspiel

<Ansichtsklasse='oben'>{{txt}}</Ansicht>
<Ansichtsklasse='Punkt1'>
 <Bild src='{{one_img}}'></Bild>
</Ansicht>
<Ansichtsklasse='Punkt2'>
 <Bild src='{{two_img}}'></Bild>
 <Bild src='{{three_img}}'></Bild>
</Ansicht>
<view class='btn' bindtap='enter'>{{msg}}</view>

.Spitze{
  Breite: 220px;
  Höhe: 30px;
  Schriftgröße: 25px;
  Rand: 20px automatisch;
}
.point1 Bild,.point2 Bild{
  Breite: 150px;
  Höhe: 150px;
}
.point1 Bild{
  Anzeige: Block;
  Rand: 45px automatisch;
}
.point2 Bild{
   Rand oben: -20px;
   Rand links: 25px;
}
.btn{
  Breite: 100 %;
  Höhe: 60px;
  Hintergrund: grün;
  Rahmenradius: 10px;
  Zeilenhöhe: 60px;
  Textausrichtung: zentriert;
  Schriftgröße: 30px;
  Rand oben: 60px;
}

//index.js
//Anwendungsinstanz abrufen const app = getApp()

Seite({
  Daten: {
    one_img:'../../image/6-point.png',
    two_img: '../../bild/6-punkt.png',
    three_img: '../../bild/6-punkt.png',
    Flagge: wahr,
    Timer: null,
    msg:'Schütteln',
    gesamt:0,
    txt:'Herzlichen Glückwunsch, Sie haben: 0',
    //Das Bildmaterial und die Renderings werden unten gepostet:[
      '../../bild/1-punkt.png',
      '../../bild/2-punkt.png',
      '../../bild/3-punkt.png',
      '../../bild/4-punkt.png',
      '../../bild/5-punkt.png',
      '../../bild/6-punkt.png',
    ]
  },
  Eingabe:Funktion(Ereignis){
    lass obj = dies;
    wenn(obj.data.flag==true){
       obj.data.timer = setzeIntervall(Funktion () {
        sei eins = Math.floor(Math.random() * 6);
        sei zwei = Math.floor(Math.random() * 6);
        sei drei = Math.floor(Math.random() * 6);
        obj.setData({
          one_img: obj.data.arr[eins],
          zwei_img: obj.data.arr[zwei],
          drei_img: obj.data.arr[drei],
          Flagge: falsch,
          Nachricht: 'Stopp',
          gesamt:eins+zwei+drei+3,
         // gesamt: 18,
          txt:'',
        })
      }, 50);
    }anders{
      Intervall löschen(obj.data.timer);
      obj.setData({
         //one_img: obj.data.arr[5],
         //zwei_bild: obj.data.arr[5],
         //drei_bild: obj.data.arr[5],
           msg:'Schütteln',
           Flagge: wahr,
           txt:'Herzlichen Glückwunsch, Sie haben gewonnen:' + obj.data.total,
      })
    }
   
  },
  
})