Simple calculator wechat applet project source code

WeChat official account ： Chuangxiang diary
send out ： Calculator
Get the full source code （ Wechat developer tool import is available ）

---

---

The following can be ignored ！

Wechat applet , A kind of small program , English name Wechat Mini Program, It is an application that can be used without downloading and installing , It implements the application “ Within reach ” The dream of , Users can scan or search to open the application .
After the application is fully open , The subject type is enterprise 、 The government 、 The media 、 Developers of other organizations or individuals , Can apply to register the applet . Wechat applet 、 Wechat subscription number 、 Wechat service number 、 Wechat enterprise number is a parallel system .
Wechat applet is an application that can be used without downloading , It's also an innovation , After nearly two years of development , A new wechat applet development environment and developer ecology has been constructed . Wechat applet is also so many years in China IT An innovation in the industry that can really affect ordinary programmers , There has been more than 150 Wan's developers have joined the development of wechat applets , Work together with us to promote the development of wechat applet , There are more than one million wechat apps , Cover 200 Multiple industry segments , 200 million daily users , The wechat app also supports subway in many cities 、 Public transport services . Wechat app development brings more jobs ,2017 Small programs drive employment in 104 ten thousand people , Social effects continue to improve .

2018 year 12 month 27 Japan , Tencent released 《 Tencent privacy protection white paper 》, advocate “ Technology goodness , Data availability ” Privacy protection concept . In the wechat app 《 Terms of service 》、《 Operational specifications 》 in , Respectively set “ User personal information protection ” and “ User privacy and data specifications ” Special chapter introduction .

Wechat applet gives users more control over product function design . On the setting page of wechat applet , Data permission switch is provided for users , Once the user authorizes and then closes , When wechat applet uses the user data again, it needs to be authorized again , Provide users with more convenient data control . Users can also see tips on privacy data protection and complaint entry on the information page of wechat applet .

<!--weixin.wxml-->
<view class="container">
  <view class="panel-display" style="position: relative;">
  <view>
    <icon id="icon-about" type="info" size="28" color="#aaa" bindtap="showAbout"/></view>
    <view id="display-num">{
   {calc.displayNum}}</view>
    <view id="display-op">{
   {calc.displayOp}}</view>
  </view>
  <view class="panel-btns">
    <view class="btns-rows">
      <view id="btn-c" class="btn {
     {tapped['c']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="c">AC</view>
      <view class="btn {
     {tapped['d']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="d">DEL</view>
      <view class="btn {
     {tapped['/']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="/" style="font-size: 24px;">÷</view>
      <view class="btn {
     {tapped['x']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="x">×</view>
    </view>
    <view class="btns-rows">
      <view class="btn {
     {tapped['7']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="7">7</view>
      <view class="btn {
     {tapped['8']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="8">8</view>
      <view class="btn {
     {tapped['9']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="9">9</view>
      <view class="btn {
     {tapped['-']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="-">-</view>
    </view>
    <view class="btns-rows">
      <view class="btn {
     {tapped['4']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="4">4</view>
      <view class="btn {
     {tapped['5']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="5">5</view>
      <view class="btn {
     {tapped['6']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="6">6</view>
      <view class="btn {
     {tapped['+']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="+">+</view>
    </view>
    <view id="btns2" class="btns-rows">
      <view id="btns2-left">
        <view class="btns2-left-part">
          <view class="btn {
     {tapped['1']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="1">1</view>
          <view class="btn {
     {tapped['2']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="2">2</view>
          <view class="btn {
     {tapped['3']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="3">3</view>
        </view>
        <view class="btns2-left-part">
          <view class="btn {
     {tapped['%']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="%">%</view>
          <view class="btn {
     {tapped['0']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="0">0</view>
          <view class="btn {
     {tapped['.']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op=".">.</view>
        </view>
      </view>
      <view id="btns2-right" class="btn {
     {tapped['=']}}" bindtap="btnClicked" bindtouchstart="btnTouchStart" bindtouchend="btnTouchEnd" data-op="=">=</view>
    </view>
  </view>
</view>