关于微信小程序的图片按钮问题

第一个个个个个个
<view>

      <button style=" height: 80rpx; width: 458rpx; margin-right: 263rpx; margin-top: 40rpx;background-color: #C2D5D9; border: 0; padding: 0;border: none; background: transparent;" open-type="contact">

        <image class="btn-imgkefu" src="/pages/UI/kefu.png">

        </image>

      </button>

    </view>
这里是本人的代码 无论如何按钮的边框永远也消不掉。。。。 想做一个图片按钮，跳转到微信小程序的客服的，如果用image里面签到button又没办法触发事件，该怎么解决呢

第二个

onShow: function () {

    var nickname3 = wx.getStorageSync('nickname');

    this.setData({

      nickname: nickname3 || '你好'

    });

    this.getUserProfile(true)

    if(wx.getStorageSync('username')){

      this.default()

    };

  },

  getUserProfile(e) {

    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认

    // 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗

    wx.getUserProfile({

      desc: '获取你的微信头像和名称', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写

      success: (res) => {

        this.setData({

          userInfo: res.userInfo,

          hasUserInfo: true,

          avatarUrl: res.userInfo.avatarUrl,

          nickname: res.userInfo.nickName,

          username: res.data.username,

          hasAuthorized: true

        })

      }

    })

  }, 这里是弄的弹窗获取用户授权的，本意是希望账号密码登录之后就自动弹窗，但也没办法实现，求大佬解决