小程序实现简单的计算器

本文实例为大家分享了小程序实现简单计算器的具体代码,供大家参考,具体内容如下

小程序实现简单的计算器_第1张图片

#app.json

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    "navigationBarBackgroundColor": "#000000",
    "navigationBarTextStyle": "white",
    "navigationBarTitleText": "智能计算器"
  },
  "tabBar": { 
    "color": "#ff69b4",
    "selectedColor": "#0000ff",
    "backgroundColor": "#ffff00",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "计 算 机"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "日志"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "回家"
      }
    ]
  }
}

#app.wsxx

/**app.wxss**/
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
}

#index.wxml




  
    {{displayValue}}