收藏
回答

button设置了open-type=‘share’,如何放上分享图标呢?

问题模块
API和组件

button设置了open-type=‘share’,如何放上分享图标呢?

最后一次编辑于  2017-11-27  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

4 个回答

  • 刘中中
    刘中中
    2018-05-27
    <button open-type="share">
    <image src='/image/wx.png' class='button-image'></image>

    <text class='button-text'>分享好友</text>

    </button>


    button {
      background-color:white;
      position:relative;
      display: flex;
      padding-left: 0rpx;
      padding-right: 0rpx;
      line-height: 0;
      overflow:visible;
      flex-direction: column;
      border: none;
      border-radius: 0;
      width: 80rpx;
      height: 76rpx;
      align-items: center;
    }
     
    button::after {
      border: none;
      border-radius: 0;
    }


    效果


    2018-05-27
    赞同
    回复
  • 鲤子
    鲤子
    2017-11-27

    button::after{

        display:none;

    }

    2017-11-27
    赞同
    回复
  • Bryan Pang
    Bryan Pang
    2017-11-27

    那如何去掉button的本身背景

    2017-11-27
    赞同
    回复 1
    • 心怀向往
      心怀向往
      2018-06-26

      plain='true'

      2018-06-26
      回复
  • 鲤子
    鲤子
    2017-11-27

    <button open-type='share'>

        <image src='your image url'></image>
    </button>
    <!-- 使用IconFont -->
    <button open-type='share'>
        <view class='fa fa-share'></view>
    </button>
    1. 在button里面插入图片(很low,不建议使用)

    2. 在button里面添加类名,用css设置背景(更low,不建议使用)

    3. 在button添加IconFont,使用方法https://github.com/lizier/WeChat-for-IconFont

    2017-11-27
    赞同
    回复