【uniapp】微信小程序修改按钮样式

按钮原始样式

修改后样式

修改方式

<template><buttonclass="share-btn-box"style="margin-top: 8rpx;"open-type="share"@click.stop="shareRecord(item.record.id)"><text class="iconfont icon-link" style="margin-right: 6rpx;" />分享录音</button>
</template>
<style lang=less>
.share-btn-box {display: flex;justify-content: center;align-items: center;color:#20c483 ;font-size: 28rpx;background: rgba(255,255,255,0.8);
}
button{&::after{border: none !important;}
}
</style>