// counter.json
{
"navigationBarTitleText": "计步器"
}
<!-- counter.wxml -->
<view class="container">
<text>当前步数:</text>
<text>{{steps}}</text>
<button bindtap="addStep">增加一步</button>
<button bindtap="resetStep">重置步数</button>
</view>
/* counter.wxss */
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px;
}
button {
margin: 10px;
}
// counter.js
Page({
data: {
steps: 0
},
addStep: function() {
this.setData({
steps: this.data.steps + 1
});
},
resetStep: function() {
this.setData({
steps: 0
});
}
});
这是一个计步器小程序,大神给看看有没有 bug(。・ω・。)?