初学者，碰上hover不生效的问题 折腾俩小时了 还是不清楚哪的问题，麻烦大神帮点拔下，不胜感激~~

WXML:

<view class=“bottom”>

<button class=“btnGroup”>

<button class=‘btn-item white’ hover-class=‘shadow’>9</button>

<button hover-class=‘shadow’ class=‘btn-item white’>8</button>

<button hover-class=‘shadow’ class=‘btn-item white’>7</button>

<button hover-class=‘shadow’ class=‘btn-item orange’>*</button>

</button>

</button>

</view>

WXSS:

.btnGroup {

display: flex;

flex-direction: row;

padding-left: 0;

padding-right: 0;

border-radius: 0;

}

.btn-item {

width: 189rpx;

text-align: center;

line-height: 150rpx;

border-radius: 0;

}

.white {

background: #EFEFED;

}

.orange {

background: #FC9504;

}

.gray {

background: #CFCFCF;

}

icon {

position: absolute;

left: 60rpx;

top: 37rpx;

}

.shadow {

background: #000;

}