Das WeChat-Applet implementiert einen einfachen Rechner

// Seiten/jisuanqi/jisuanqi.js
Seite({

  /**
   * Ausgangsdaten der Seite */
  Daten: {
    Ergebnis: „0“,
    Zeichenfolge:"",
    cal:"",
    Zahl1:"",
    Zahl2:""
  },
  btSubmit:Funktion(e){
    konsole.log(e);
    var num1 = diese.Daten.num1;
    var cal = diese.Daten.cal;
    var num2 = diese.Daten.num2;
    var char= e.ziel.id;
    var Zeichenfolge;
    wenn((char>="0"&&char<="9"||char=='.')&&cal==""){
      num1=num1+zeichen;
      dies.setData({
        Zahl1:Zahl1,
      })
    }
    sonst wenn((char>="0"&&char<="9"||char=='.')&&cal!=""){
      Zahl2=Zahl2+Zeichen;
      dies.setData({
        Zahl2:Zahl2,
      })
    }
    anders {
      cal=char;
      dies.setData({
        kal:kal,
      })
    }
    dies.setData({
     Zeichenfolge: Nummer1+Kal.+Nummer2
    })
  },
  reinigen:Funktion(e){
    dies.setData({
      Zeichenfolge:"",
      Zahl1:"",
      num2:"",
      cal:""
    })
  },
  berechnen:Funktion(e){
    var num1 = diese.Daten.num1;
    var num2 = diese.Daten.num2;
    var cal = diese.Daten.cal;
    var Ergebnis;
    Schalter(kal){
      Fall '+':Ergebnis=Zahl1*1+Zahl2*1;Unterbrechung;
      Fall '-':Ergebnis=Num1*1-Num2*1;Unterbrechung;
      Fall '*':Ergebnis=(Zahl1*1)*(Zahl2*1);Unterbrechung;
      Fall '/':Ergebnis=(num1*1)/(num2*1);Unterbrechung;
    }
    num1=Ergebnis;
    cal="";
    num2="";
    dies.setData({
      Ergebnis:Ergebnis,
      Zahl1:Zahl1,
      kal:kal,
      Zahl2:Zahl2
    })
  },
  umgekehrt:Funktion(e){
    var cal = diese.Daten.cal;
    var num1 = diese.Daten.num1;
    var num2 = diese.Daten.num2;
    wenn(cal==""){num1="-";}
    sonst wenn(cal!=""){num2="-"}
    dies.setData({
      Zahl1:Zahl1,
      Zahl2:Zahl2
    })
  },
  lololo:Funktion(e){
    konsole.log(123)
  },
  bestätigen:Funktion(e){
    konsole.log(555);
    console.log(e)
  },
  Ereignis:Funktion(e){
    wx.navigateTo({
      URL: '/Seiten/Veranstaltung/Veranstaltung',
    })
  },
  bindinput:Funktion(e){
    console.log(1)
  },
  jisuanqi:Funktion(e){
    var n1=e.detail.wert.num1;
    var n2=e.detail.wert.num2;
    var Ergebnis=n1*1+n2*1;
    konsole.log(n1);
    konsole.log(n2);
    console.log(Ergebnis);
    dies.setData({
      Ergebnis:Ergebnis
    })
  },
  tiaozhuan:Funktion(e){
    wx.navigateTo({
      URL: '/pages/9x9form/9x9form',
    })
  },
  /**
   * Lebenszyklusfunktion - auf Seitenladen warten*/
  onLoad: Funktion (Optionen) {

  },

  /**
   * Lebenszyklusfunktion - wartet auf den Abschluss der ersten Darstellung der Seite*/
  onReady: Funktion () {

  },

  /**
   * Lebenszyklusfunktion - Seitenanzeige überwachen*/
  onShow: Funktion () {

  },

  /**
   * Lebenszyklusfunktion - Achten Sie auf das Ausblenden von Seiten */
  onHide: Funktion () {

  },

  /**
   * Lebenszyklusfunktion - Deinstallation der Seite überwachen*/
  beimEntladen: Funktion () {

  },

  /**
   * Seitenbezogene Ereignisverarbeitungsfunktion - Achten Sie auf die Pulldown-Aktion des Benutzers */
  onPullDownRefresh: Funktion () {

  },

  /**
   * Die Funktion, die das Bottoming-Ereignis auf der Seite behandelt*/
  onReachBottom: Funktion () {

  },

  /**
   * Der Benutzer klickt auf die obere rechte Ecke, um zu teilen*/
  beiShareAppMessage: Funktion () {

  }
})

{
  "usingComponents": {},
  "navigationBarTitleText": "Rechner"
}

<Klasse anzeigen="Container">
  <Ansichtsklasse="Ansicht1">{{Zeichenfolge}}</Ansicht>
  <view class="view2">{{Ergebnis}}</view>
  <Klasse anzeigen="Schaltflächengruppe">
    <button class="button">Geschichte</button>
    <button class="button" bindtap="clean">C</button>
    <button Klasse="button"></button>
    <button class="button" id="/" bindtap="btSubmit">/</button>
  </Ansicht>
  <Klasse anzeigen="Schaltflächengruppe">
    <button class="button" id="7" bindtap="btSubmit">7</button>
    <button class="button" id="8" bindtap="btSubmit">8</button>
    <button class="button" id="9" bindtap="btSubmit">9</button>
    <button class="button" id="*" bindtap="btSubmit">*</button>
  </Ansicht>
  <Klasse anzeigen="Schaltflächengruppe">
    <button class="button" id="4" bindtap="btSubmit">4</button>
    <button class="button" id="5" bindtap="btSubmit">5</button>
    <button class="button" id="6" bindtap="btSubmit">6</button>
    <button class="button" id="-" bindtap="btSubmit">-</button>
  </Ansicht>
  <Klasse anzeigen="Schaltflächengruppe">
    <button class="button" id="1" bindtap="btSubmit">1</button>
    <button class="button" id="2" bindtap="btSubmit">2</button>
    <button class="button" id="3" bindtap="btSubmit">3</button>
    <button class="button" id="+" bindtap="btSubmit">+</button>
  </Ansicht>
  <Klasse anzeigen="Schaltflächengruppe">
    <button class="button" bindtap="reverse">-(Minuszeichen)</button>
    <button class="button" id="0" bindtap="btSubmit">0</button>
    <button class="button" id="." bindtap="btSenden">.</button>
    <button class="button" bindtap="berechnen">=</button>
  </Ansicht>
</Ansicht>
<navigator url="/pages/event/event">Zum Event springen</navigator>//

.Taste{
  Breite: 160rpx;
  Höhe: 100rpx;
  Rand links: 10rpx;
  Polsterung links: 10rpx;
  Rand oben: 10rpx;
  Textausrichtung: zentriert;
  Zeilenhöhe: 100rpx;
  Polsterung: 5px;
  Rahmenradius: 5px;
}
.button-gruppe{
  Anzeige: Flex;
  Flex-Richtung: Reihe;
  Inhalt ausrichten: Flex-Start;
}
.Container{
  Anzeige: Flex;
  Flex-Richtung: Spalte;
  Inhalt ausrichten: Flex-Ende;
  /* Inhalt ausrichten: Flex-Ende; */
}
.ansicht1{
  Höhe: 100rpx;
  Hintergrundfarbe: #e4e4e4;
  Zeilenhöhe: 100rpx;
  Schriftgröße: 20px;
}
.view2{
  Höhe: 100rpx;
  Rand oben: 5px;
  Hintergrundfarbe: #e4e4e4;
  Zeilenhöhe: 100rpx;
  Schriftgröße: 20px;
}