Das WeChat-Applet implementiert eine einfache Taschenrechnerfunktion

<Ansichtsklasse='Inhalt'>
  <Eingabewert='{{Berechnung}}'></Eingabe>
  <Ansichtsklasse='Box'>
    <button class='yellow-color'>Rücktaste</button>
    <button class='yellow-color' bindtap='empty'>Bildschirm löschen</button>
    <button class='yellow-color'>❤</button>
    <button bindtap='Hinzufügen' data-text='+' class='yellow-color'>+</button>
  </Ansicht>

  <Ansichtsklasse='Box'>
    <button bindtap='hinzufügen' data-text='9'>9</button>
    <button bindtap='hinzufügen' data-text='8'>8</button>
    <button bindtap='hinzufügen' data-text='7'>7</button>
    <button bindtap='Hinzufügen' class='gelbe Farbe' data-text='-'>-</button>
  </Ansicht>

  <Ansichtsklasse='Box'>
    <button bindtap='hinzufügen' data-text='6'>6</button>
    <button bindtap='hinzufügen' data-text='5'>5</button>
    <button bindtap='hinzufügen' data-text='4'>4</button>
    <button bindtap='Hinzufügen' Klasse='gelbe Farbe' Datentext='*'>*</button>
  </Ansicht>

  <Ansichtsklasse='Box'>
    <button bindtap='hinzufügen' data-text='3'>3</button>
    <button bindtap='hinzufügen' data-text='2'>2</button>
    <button bindtap='hinzufügen' data-text='1'>1</button>
    <button bindtap='Hinzufügen' data-text='/' class='yellow-color'>÷</button>
  </Ansicht>

  <Ansichtsklasse='Box'>
    <button bindtap='hinzufügen' data-text='0'>0</button>
    <button bindtap='add' data-text='.'>.</button>
    <button>Verlauf</button>
    <button class='gelbe Farbe' bindtap='res'>=</button>
  </Ansicht>


</Ansicht>

Eingabe {
  Breite: 95 %;
  Höhe: 250rpx;
  Rand: 0 automatisch;
  Rand unten: 20rpx;
  Rahmen unten: 1rpx durchgezogen #ccc;
}

.Kasten {
  Anzeige: Flex;
}
Taste {
  Breite: 20 %;
  Höhe: 150rpx;
  Rand unten: 20rpx;
  Zeilenhöhe: 150rpx;
  Hintergrundfarbe: RGB (0, 150, 250);
  Farbe: weiß;
}

.gelbe Farbe {
  Hintergrundfarbe: rgb(247, 142, 24)
}

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

Seite({
  Daten: {
    Berechnung:"",
    Ergebnis:0,
    Zeichen:[], // Operatorsymbol Operand: [], // Zahl temp:false
  },

  // Eingabefeld zur Dateneingabe add:function(e) {
    Geben Sie Folgendes ein:
    var das = dies;
    wenn (Eingabe == '+' || Eingabe == '-' || Eingabe == '*' || Eingabe == '/') {
      this.data.temp = false; // Wird verwendet, um aufzuzeichnen, ob das letzte Mal ein Operator ausgeführt wurde. var item = 'character[' + this.data.character.length+ ']';
      dies.setData({
        [Element]: Eingabe
      }) 
    } anders {
      var item = 'operand['+diese.daten.operand.länge+']';
     
      wenn (das.Daten.temp) {
        // Den vorherigen Wert abrufen var res = 'operand[' + (this.data.operand.length-1) + ']'
        
        var ress = that.data.operand.length-1;
        var xyz = dieser.Daten.Operand[ress] * 10 + parseInt(Eingabe);
        dass.setData({
          [res]:xyz
        })
      } anders {
        Eingabe = parseInt(Eingabe);
        das.data.temp = true;
        dass.setData({
          [Element]: Eingabe
        })
      }
    }
    // Den gesamten Inhalt in das Anzeigefeld einfügen this.setData({
      Berechnung:diese.Daten.Berechnung+Eingabe
    })

  },

  // Berechnen Sie die Antwort res:function() {
    Konsole.log(diese.Daten.Zeichen.Länge);
    console.log(diese.Daten.Operand.Länge)
    var Zeichenlänge = this.data.character.length;
    var operand_len = this.data.operand.length;
    console.log(Operandenlänge – Zeichenlänge)
    if (Operandenlänge - Zeichenlänge == 1) {
      dieses.Datenergebnis = dieser.Datenoperand[0];
      console.log("Anfangswert"+dieses.Datenergebnis);
      für(var i=0;i<Zeichenlänge;i++) {
        wenn(dieses.Daten.Zeichen[i] == '+') {
          dieses.Daten.Ergebnis = dieses.Daten.Ergebnis + dieser.Daten.Operand[i + 1];

        }
        wenn (dieses.Daten.Zeichen[i] == '-') {
          dieses.Daten.Ergebnis = dieses.Daten.Ergebnis - dieser.Daten.Operand[i + 1];

        }
        wenn (dieses.Daten.Zeichen[i] == '*') {
          dieses.Daten.Ergebnis = dieses.Daten.Ergebnis * dieser.Daten.Operand[i + 1];

        }
        wenn (dieses.Daten.Zeichen[i] == '/') {
          dieses.Daten.Ergebnis = dieses.Daten.Ergebnis / dieser.Daten.Operand[i + 1];

        }
        
      }
    } anders {
      dies.setData({
        Ergebnis: „Eingabe ist falsch, bitte Daten löschen und erneut eingeben“
      })
    }

    dies.setData({
     Berechnung:dieses.Datenergebnis
    })
  },

  // Bildschirm löschen empty:function() {
    dies.setData({
      Berechnung: "",
      Ergebnis: 0,
      Zeichen: [], // Operatorsymbol Operand: [], // Zahl temp: false
    }
  }
})