微信小程序按钮去除边框线分享页面功能

要去除微信小程序按钮的边框线并添加分享页面功能，可以按照以下步骤操作。

1. 在小程序中添加分享功能

在小程序的app.json文件中配置window节点的**-i //自定义属性名，该属性控制分享功能的显示。例如：

{
  "window": {
    "navigationBarTitleText": "Demo",
    "enablePullDownRefresh": true,
    "backgroundTextStyle": "light",
    "backgroundColorTop": "#f0f0f0",
    "navigationBarBackgroundColor": "#3b3e43",
    "navigationBarTextStyle": "white",
    "**shareMessage": {
      "title": "这是一个分享标题",
      "path": "/pages/index/index",
      "imageUrl": "/images/share.jpg"
    }
  }
}

然后在小程序页面中调用wx.showShareMenu()方法即可展示分享功能。

示例1：

onLoad: function () {
  wx.showShareMenu({
    withShareTicket: true
  });
}

示例2：

onReady: function() {
  wx.showShareMenu({
    withShareTicket: true
  });
}

2. 去除小程序按钮边框线

在小程序页面的wxss样式文件中，添加以下样式即可去除小程序按钮的边框线：

button {
  border: none;
  outline: none;
}

示例1：

.page button {
  border: none;
  outline: none;
}

示例2：

.page .btn {
  border: none;
  outline: none;
}

通过以上两步操作就可以实现微信小程序按钮去除边框线并添加分享页面功能。