使用uniapp实现微信QQ的分享图文组件代码，怎样删除分享出去的内容显示为HBuilder

要实现微信QQ的分享图文组件，可以按照以下步骤进行：

1. 在需要使用分享组件的页面中，创建一个自定义的分享按钮。可以在页面的template标签中，使用button标签创建一个按钮，比如：

<button @click="share">分享</button>

2. 在页面的script标签中，定义一个share方法，用于实现分享功能。在该方法中，可以使用uniapp提供的分享API实现分享。示例如下：

methods: {
  share() {
    uni.share({
      provider: 'weixin',
      type: 5,
      title: '分享标题',
      summary: '分享描述',
      imageUrl: '分享图片链接',
      href: '分享链接',
      success: function () {
        console.log('分享成功')
      },
      fail: function () {
        console.log('分享失败')
      }
    })
  }
}

需要注意的是，type属性需要设置为5，表示分享图文消息。另外，title、summary、imageUrl、href等属性需要根据实际需要进行设置。

3. 如果分享出去的内容显示为HBuilder，可能是因为在manifest.json文件中没有设置应用的名称和图标。可以在manifest.json文件中添加如下配置：

{
  "name": "应用名称",
  "plus": {
    "splashscreen": {
      "image": "/static/logo.png"
    }
  }
}

其中，name属性表示应用的名称；plus.splashscreen.image属性表示应用的图标。需要注意的是，图标文件需要放置在static目录下，并在manifest.json文件中正确设置其路径。

4. 如果以上方法无法解决问题，可以考虑使用第三方分享组件，比如uni-share组件。该组件提供了丰富的分享配置选项，可以满足各种分享需求。具体使用方法可以参考uni-share组件的官方文档。