详情页的转发组件

src/components/detail/breadcrumb.vue

@@ -24,11 +24,12 @@
                 <div class="line">
 
                 </div>
-                <div class="btn-s dis-f al-item jus-x">
+                <div class="btn-s dis-f al-item jus-x" style="position: relative;">
                     <img src="../../assets/img/detail/forward.png" class="img" alt="">
                     <span class="mg-l-5">
                         转发
                     </span>
+                    <transmit-btn v-if="data.data['info']" :qrcode="data.data['qrcode']" :title="data.data.info['title']"></transmit-btn>
                 </div>
             </div>
         </div>
@@ -39,6 +40,7 @@
 import { ArrowRight } from '@element-plus/icons-vue'
 import { reactive, onMounted, ref, defineProps,watchEffect } from 'vue'
 import store from '@/store'
+import transmitBtn from '@/components/public/transmitBtn.vue'
 
 const props=defineProps({
     data: {
@@ -52,6 +54,7 @@ const props=defineProps({
     }
 })
 let data=reactive({})
+
 let operation=props.operation
 
 //导航数据