按钮原始样式

在这里插入图片描述

修改后样式

在这里插入图片描述

修改方式

<template>
  <button
    class="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>


Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐