微信小程序怎么实现计算器小功能

这篇文章主要介绍"微信小程序怎么实现计算器小功能"的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇"微信小程序怎么实现计算器小功能"文章能帮助大家解决问题。

效果图：

代码附上：

app.json

 {  "pages":[    "pages/index/index",    "pages/logs/logs"  ],  "window":  {  "navigationBarBackgroundColor": "#000000",  "navigationBarTextStyle": "white",   "navigationBarTitleText": "智能计算器"  }, "tabBar": {   //补充说一下，我这个tabBar是用来设置底部tab的   "color":"#ff69b4",   "selectedColor":"#0000ff",   "backgroundColor":"#ffff00",  "list": [    {      "pagePath": "pages/index/index",      "text": "计 算 机"    },    {      "pagePath": "pages/logs/logs",      "text": "日志"    },    {      "pagePath":"pages/logs/logs",      "text":"回家"    }  ]}}

/*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}}