【uView】u-button按钮 改变样式、按下去有其他颜色

按钮改变样式

 默认样式：

 

 修改样式后外边出现一个边框：

<u-button class="btn" @click="login()">前往登录</u-button>

.btn {
    width: 200rpx;
    height: 72rpx;
    border: 2rpx solid #005EF4;
    border-radius: 36rpx;
    margin: 0;
    background: transparent;
    font-size: 28rpx;
    line-height: 72rpx;
    color: #0268FA;
}

解决方法：

.u-hairline-border:after{
    border: none;
}

 按下去有其他颜色

 

<u-button class="btn" @click="login()" hover-class="none">前往登录</u-button>