nvue直播间需要调整分享样式

pages/audience/index.nvue

@@ -60,7 +60,7 @@
         <BarrageInput></BarrageInput>
         <view class="action-buttons">
           <image v-if="activityData?.id" class="action-btn" @click="isShowActivity = true" src="/static/images/activity.png" />
-          <image class="action-btn" @click="showNetworkQualityPanel()" src="/static/images/dashboard.png" />
+        <!--  <image class="action-btn" @click="showNetworkQualityPanel()" src="/static/images/dashboard.png" /> -->
           <image class="action-btn" @click="showGiftPicker()" src="/static/images/live-gift.png" />
           <image class="action-btn" :class="{ 'disabled': shouldDisableCoGuestButton }"
             v-if="templateLayout !== 200 && uni.$localGuestStatus === 'IDLE'" @click="handleCoGuestButtonClick"
@@ -69,6 +69,12 @@
             @click="ShowCoGuestRequestPanel()" src="/static/images/live-request.png" />
           <image class="action-btn" v-if="templateLayout !== 200 && uni.$localGuestStatus === 'CONNECTED'"
             @click="ShowCoGuestRequestPanel()" src="/static/images/live-disconnect.png" />
+          <image
+            class="action-btn"
+            src="/static/images/fengxiang.png"
+            style="width: 72rpx; height: 72rpx;"
+            @click="shareDialog = true"
+          />
           <Like />
         </view>
       </view>
@@ -95,9 +101,19 @@
     @select="onExitSheetSelect" />
   <ActionSheet v-model="isShowCoGuestSheet" :title="coGuestSheetTitle" :itemList="coGuestSheetItems"
     @select="onCoGuestSheetSelect" />
+
+   <SharePopup
+      v-model:show="shareDialog"
+      :id="currentLive.liveId"
+      :text="currentLive.liveName"
+      :cover="currentLive.coverUrl"
+      :userLiveData="currentLive.liveOwner"
+      type="1"
+    ></SharePopup>
 </template>
 
 <script setup lang="ts">
+  import SharePopup from '@/components/share-popup/share-popup.vue'
   import { imDataEndLive, getLiveActivityDetail, getLiveActivityRecord } from '@/api/tui-kit'
   import { onLoad } from '@dcloudio/uni-app';
   import { ref, onMounted, computed, onUnmounted, watch, nextTick } from 'vue';
@@ -136,6 +152,7 @@
 
 
   const dom = uni.requireNativePlugin('dom')
+  const shareDialog = ref(false)
   const isShowActivity = ref(false)
   const activityData = ref({})
   const systemInfo = ref({});