一、使用到的知识点
1、微信小程序Number()和parseInt()
2、colorui的var组件
3、wx.setStorageSync保存至本地缓存
二、关键源码
<view class="action"><button class="cu-btn bg-blue shadow" bindtap="numSteps" style="width:180rpx;">下一步</button></view><view class="cu-item {{index>num?'':'text-blue'}}" wx:for="{{numList}}" wx:key><text class="num {{index==2?'err':''}}" data-index="{{index + 1}}"></text>{{item.name}}</view>
数字将对应有几个步骤
<view class="cu-bar bg-white solid-bottom"><view class="action"><text class="cuIcon-titles text-orange"></text> 详情</view></view><view wx:for="{{processnum}}" bindtap="tabSelect" data-id="{{index}}"><view class="cu-form-group"><text class="input">第{{index+1}}个步骤 </text></view>...<view class="cu-bar tabbar margin-bottom-xl bg-white"><view class="action text-gray add-action"><button class="cu-btn cuIcon-add bg-blue shadow" bindtap="add"></button>发布</view></view></view>
步骤数用本地存储
processnum:
wx.setStorageSync('processnum', e.detail.value)
所用到样式基本来源colourUI
但是还会遇到一个问题,这样本地保存下来的会出现按位判断步骤数,所以我们还需要将输入框内字符串转化为整体数字进行判断。
```cppnumSteps() {this.setData({//num: this.data.num == this.data.numList.length - 1 ? 0 : this.data.num + 1,processnum : parseInt(wx.getStorageSync('processnum'))})console.log("processnum:",this.data.processnum)},
Number():可以用于任何数据类型转换成数值;
parseInt()、parseFloat():专门用于把字符串转换成数值;