使用uniapp实现微信QQ的分享图文组件代码，真机运行时，分享调用的是HBuilder真机运行基座的sdk配置，分享出去的内容怎样不显示为HBuilder案例步骤

在使用uniapp实现微信QQ的分享图文组件时，需要在App.vue文件中引入uni-share组件，并在分享时指定分享的标题、描述、链接等信息。具体代码如下：

<template>
  <view class="container">
    <button @click="shareToWechat">分享到微信</button>
    <button @click="shareToQQ">分享到QQ</button>
    <uni-share :shareData="shareData"></uni-share>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        shareData: {
          title: '分享标题',
          desc: '分享描述',
          link: '分享链接',
          imgUrl: '分享图片链接',
          success() {
            console.log('分享成功')
          },
          fail() {
            console.log('分享失败')
          }
        }
      }
    },
    methods: {
      shareToWechat() {
        this.shareData.channel = 'weixin'
        uni.share(this.shareData)
      },
      shareToQQ() {
        this.shareData.channel = 'qq'
        uni.share(this.shareData)
      }
    }
  }
</script>

在真机运行时，如果分享调用的是HBuilder真机运行基座的sdk配置，可以尝试修改分享链接和分享图片的链接，确保链接指向正确的地址，同时也可以在HBuilder真机运行基座的sdk配置中修改显示的名称和图标，以避免显示为HBuilder案例步骤。