Beispiel für einen WeChat-Applet-Rechner

<Klasse anzeigen="Inhalt">
    <view class="num">{{num}}</view>
    <view class="operotor">{{op}}</view>
</Ansicht>
<Klasse anzeigen="Eintrag">
    <Ansicht>
        <Ansicht Klasse="Artikel" bindtap="resetBtn">c</Ansicht>
        <view class="item" bindtap="delBtn">ENTF</view>
        <Ansichtsklasse="Artikel" bindtap="opBtn" data-val="%">%</Ansicht>
        <view class="item" bindtap="opBtn" data-val="/">÷</view>
    </Ansicht>
    <Ansicht>
        <Ansicht Klasse="Artikel" bindtap="numBtn" data-val="7">7</Ansicht>
        <view class="item" bindtap="numBtn" data-val="8">8</view>
        <view class="item" bindtap="numBtn" data-val="9">9</view>
        <view class="item" bindtap="opBtn" data-val="*">x</view>
    </Ansicht>
    <Ansicht>
        <view class="item" bindtap="numBtn" data-val="4">4</view>
        <view class="item" bindtap="numBtn" data-val="5">5</view>
        <view class="item" bindtap="numBtn" data-val="6">6</view>
        <view class="item" bindtap="opBtn" data-val="-">-</view>
    </Ansicht>
    <Ansicht>
        <Ansicht Klasse="Artikel" bindtap="numBtn" data-val="1">1</Ansicht>
        <Ansicht Klasse="Artikel" bindtap="numBtn" data-val="2">2</Ansicht>
        <Ansicht Klasse="Artikel" bindtap="numBtn" data-val="3">3</Ansicht>
        <Ansichtsklasse="Artikel" bindtap="opBtn" data-val="+">+</Ansicht>
    </Ansicht>
    <Ansicht>
        <view class="item tow" bindtap="numBtn" data-val="0">0</view>
        <view class="Element eins" bindtap="dotBtn" data-val=".">.</view>
        <view class="Element eins" bindtap="opBtn" data-val="=">=</view>
    </Ansicht>
</Ansicht>

Seite {
  Anzeige: Flex;
  Flex-Richtung: Spalte;
  Höhe: 100%;
}
.Inhalt {
  biegen: 1;
  Hintergrundfarbe: #f3f6fe;
  Position: relativ;
}
.Inhalt .Nummer {
  Position: absolut;
  Schriftgröße: 27pt;
  unten: 5vh;
  rechts: 3vw;
}
.Inhalt .Operator {
  Schriftgröße: 15pt;
  Position: absolut;
  unten: 1vh;
  rechts: 3vw;
}
.Eintrag {
  biegen: 1;
  Schriftgröße: 17pt;
  Rahmen oben: 1rpx durchgezogen #ccc;
}
.Eintrag .Artikel {
  biegen: 1;
  Polsterung: 30rpx 0;
  Textausrichtung: zentriert;
  Flex-Basis: 25 %;
  Rahmen links: 1rpx durchgezogen #ccc;
  Rahmen unten: 1rpx durchgezogen #ccc;
}
.entry > Ansicht {
  Anzeige: Flex;
}
.entry > anzeigen .tow {
  Flexibilität: 2;
}
.entry > Ansicht .one {
  biegen: 1;
}

Seite({
    Daten: {
        num: "", // Nummern speichern op: "" // Operatoren speichern},
    Ergebnis: null,  
    isClear: falsch,

    numBtn: Funktion(e) {
        var num = e.ziel.dataset.val
            //console.log(num) ruft den Wert von data-val console.log(this.isClear) ab.
        wenn (diese.Daten.Nummer === "0" || dies.istKlar) {
            dies.setData({ num: num })
            this.isClear = falsch
        } anders {
            this.setData({ num: this.data.num + num })
        }
    },

    opBtn: Funktion(e) {
        var op = diese.daten.op
        var num = Zahl(diese.Daten.num)
        this.setData({ op: e.target.dataset.val })
        wenn (dies.istKlar) {
            zurückkehren
        }
        dies.isClear = true
        wenn (dieses.Ergebnis === null) {
            dieses.Ergebnis = Nummer
            zurückkehren
        }
        wenn (op === "+") {
            dieses.Ergebnis = dieses.Ergebnis + Zahl
        } sonst wenn (op === "-") {
            dieses.Ergebnis = dieses.Ergebnis - Nummer
        } sonst wenn (op === "*") {
            dieses.Ergebnis = dieses.Ergebnis * Zahl
        } sonst wenn (op === "/") {
            dieses.Ergebnis = dieses.Ergebnis / Zahl
        } sonst wenn (op === "%") {
            dieses.Ergebnis = dieses.Ergebnis % num
        }
        this.setData({ num: this.result })
    },

    dotBtn: Funktion() {
        wenn (dies.istKlar) {
            dies.setData({ num: "0." })
            this.isClear = falsch
            zurückkehren
        }
        wenn (this.data.num.indexOf(".") >= 0) {
            zurückkehren
        }
        dies.setData({ num: diese.data.num + "." })
    },
    delBtn: Funktion() {

        var num = this.data.num.substr(0, this.data.num.length - 1)
        this.setData({ Zahl: Zahl === "" ? "0" : Zahl })
    },
    ResetBtn: Funktion () {
        dieses.Ergebnis = null
        this.isClear = falsch
        this.setData({ num: "0", op: "" })
    }
})