家庭记账本开发进度6
用代码写出来的计算器源码:1 <!--pages/record-expend/record-expend.wxml--> 2 <view class="ui-height-100" bindtap="hiddenCaculator"> 3 4 5 <!--用途--> 6 <view class="select-consumption-patterns ui-pt20"> 7 <view class="consumption-patterns-item" wx:for="{{consumpPatternsList}}"> 8 <view class=" ui-flex-ver ui-flex-center ui-p10" data-index="{{index}}" bindtap="onConsumptionItemClick"> 9 <image class="consumption-patterns-item-icon" src="{{item.isSelect ? item.iconSel : item.icon}}"></image> 10 <text>{{item.name}}</text> 11 </view> 12 </view> 13 </view> 14 15 <!--横线--> 16 <view class="line ui-mt20"> 17 </view> 18 <view class="pay-money"> 19 <image class="money-icon" src="../../pages/img/date.png"></image> 20 <text class="ui-ml20">日期</text> 21 <picker class="date-text" mode="date" value="{{date}}" end="{{todayDate}}" bindchange="onDateChange"> 22 <view>{{date}} 23 </view> 24 </picker> 25 </view> 26 27 <!--横线--> 28 <view class="line"> 29 </view> 30 <view class="pay-money" catchtap="showCaculator"> 31 <image class="money-icon" src="../../pages/img/money.png"></image> 32 <text class="ui-ml20">花费</text> 33 <text class="money-text">{{spendMoney}}</text> 34 </view> 35 36 <!--横线--> 37 <view class="line"> 38 </view> 39 <view class="pay-money"> 40 <image class="money-icon" src="../../pages/img/remarks.png"></image> 41 <input class="ui-ml20 ui-flex-1" bindinput="onInputRemarks" value="{{remarksText}}" type="text" placeholder="备注:{{selectName}}" /> 42 </view> 43 44 <!--横线--> 45 <view class="line"> 46 </view> 47 <!--按钮--> 48 <view bindtap="goContinueTap"> 49 <button class="blue-button ui-mt20" hover-class="blue-button-p" bindtap="confirmData">完成</button> 50 </view> 51 52 53 <block wx:if="{{isShowCaculator}}"> 54 <view class="calculator"> 55 <view class="calculator-number"> 56 <view class="calculator-number-item"> 57 <view hover hover-class="number-hover" class="number" data-num="1" catchtap="touchNum">1</view> 58 <view hover hover-class="number-hover" class="number" data-num="2" catchtap="touchNum">2</view> 59 <view hover hover-class="number-hover" class="number" data-num="3" catchtap="touchNum">3</view> 60 </view> 61 <view class="calculator-number-item"> 62 <view hover hover-class="number-hover" class="number" data-num="4" catchtap="touchNum">4</view> 63 <view hover hover-class="number-hover" class="number" data-num="5" catchtap="touchNum">5</view> 64 <view hover hover-class="number-hover" class="number" data-num="6" catchtap="touchNum">6</view> 65 </view> 66 <view class="calculator-number-item"> 67 <view hover hover-class="number-hover" class="number" data-num="7" catchtap="touchNum">7</view> 68 <view hover hover-class="number-hover" class="number" data-num="8" catchtap="touchNum">8</view> 69 <view hover hover-class="number-hover" class="number" data-num="9" catchtap="touchNum">9</view> 70 </view> 71 <view class="calculator-number-item"> 72 <view hover hover-class="number-hover" class="number" data-num="." catchtap="touchNum">.</view> 73 <view hover hover-class="number-hover" class="number" data-num="0" catchtap="touchNum">0</view> 74 <view hover hover-class="number-hover" class="number" catchtap="touchClear">←</view> 75 </view> 76 </view> 77 <view class="calculator-operator"> 78 <view hover hover-class="number-hover" class="operator" data-num="+" catchtap="touchNum">+</view> 79 <view hover hover-class="number-hover" class="operator" catchtap="touchResult">=</view> 80 </view> 81 </view> 82 </block> 83 84 </view>
通过不断寻找合适的计算器模板,不断测试,最后使程序成功运行,由于程序运行存在错误,所以运行失败,继续找。。。。。