<view class=“group” wx:for="{{buttons}}" wx:for-index=“groupindex”>

    <view class=“group-cell” wx:for="{{buttons[groupindex]}}" wx:for-item=“cell”>

        <button data-number="{{cell.title}},3" bindtap=“touchEvent” class=“group-button-{{cell.cls}}” hover-class=“group-hover-{{cell.cls}}” bindtouchstart=“touchEventEnd” style=“background:‘images/tabImgs/call_down_icon.png’”>{{cell.title}}</button>

    </view>

</view>

在js中初始化数组元素，在xml中创建九宫格按钮，按钮默认有个背景图片，点下去改变背景图片，松开恢复默认图片，可以使用hover-class在css中给每个都进行单独处理，这样是可以实现的。但是感觉这样太麻烦，如果创建了很多按钮呢，有没有什么便捷的方法解决呢？