feat: 加入取消录制的图标

src/assets/icons/record-stop.svg

+<svg t="1715305360798" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3549" width="200" height="200"><path d="M512 170.666667C323.477333 170.666667 170.666667 323.477333 170.666667 512s152.810667 341.333333 341.333333 341.333333 341.333333-152.810667 341.333333-341.333333S700.522667 170.666667 512 170.666667zM85.333333 512C85.333333 276.352 276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512z m341.333334-149.333333a64 64 0 0 0-64 64v170.666666a64 64 0 0 0 64 64h170.666666a64 64 0 0 0 64-64v-170.666666a64 64 0 0 0-64-64h-170.666666z" p-id="3550"></path></svg>
\ No newline at end of file

src/views/remote/videoCall/videoTools.vue

@@ -72,7 +72,7 @@
                 </span>
             </div>
             <div class="w-[120px] h-[72px] item" @click="toggleRecording">
-                <global-icon :size="21" icon="record"></global-icon>
+                <global-icon :size="21" :icon="!chatChannelState.recordingData.id ? 'record' : 'record-stop'"></global-icon>
                 <span class="mt-1 color-text-2">{{ !chatChannelState.recordingData.id ? '开始录制' : '结束录制' }}</span>
             </div>
             <div v-if="isUserHost" class="w-[120px] h-[72px] item" @click="allMute">