微信小程序——简单计算器

沐小侠

已于 2025-08-21 09:12:51 修改

阅读量7.2k

点赞数 12

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序 javascript css

于 2022-04-22 15:38:11 首次发布

本文链接：https://blog.csdn.net/weixin_41092938/article/details/124347289

实现代码：

<!--pages/computer.wxml-->
<view class="result">
    <view class="result_num">{
  
  {num}}</view>
    <view class="result_op">{
  
  {op}}</view>
</view>
<view class="btns">
    <view>
        <view hover-class="bg" bindtap="resetBtn">C</view>
        <view hover-class="bg" bindtap="delBtn">DEL</view>
        <view hover-class="bg" bindtap="opBtn" data-val="%" >%</view>
        <view hover-class="bg"  bindtap="opBtn" data-val="/">÷</view>
    </view>
    <view>
        <view hover-class="bg" data-val="7" bindtap="numBtn">7</view>
        <view hover-class="bg" data-val="8" bindtap="numBtn">8</view>
        <view hover-class="bg" data-val="9" bindtap="numBtn">9</view>
        <view hover-class="bg"