problem
步骤:
- 点击按钮,调用后端接口 设置 okLoading=true;
- 按钮的 disabled和loading都绑定到 okloading变量;
- 调用结束之后 设置okloading=false;
问题:
- 点击结束之后,按钮是灰色(点击中的样式),没有恢复回来
reason
antd-mobile组件本身问题
- Google issues都没有人遇到这个问题
- 直接去页面看样式定位 发现点击后有
a:hover{color: xxx}
- 这个样式控制的文字颜色为蓝色导致没有恢复
solution
在globale.less中复写这个样式a:hover{color: #fff !important}
发现是组件问题,除了Google和issues找原因,也可以直接去页面定位样式来查问题