style(web): 统一后台图标与全局视觉

src/components/Screenfull/src/Screenfull.vue

@@ -1,10 +1,11 @@
 <!-- Author: fruit.com.cn -->
 
 <script setup lang="ts">
-import { Icon } from '@/components/Icon'
+import { AppIcon } from '@/components/AppIcon'
 import { useFullscreen } from '@vueuse/core'
 import { propTypes } from '@/utils/propTypes'
 import { useDesign } from '@/hooks/web/useDesign'
+import { AppIcons } from '@/constants/icons'
 
 const { getPrefixCls } = useDesign()
 
@@ -23,9 +24,9 @@ const toggleFullscreen = () => {
 
 <template>
   <div :class="prefixCls" @click="toggleFullscreen">
-    <Icon
+    <AppIcon
       :size="18"
-      :icon="isFullscreen ? 'zmdi:fullscreen-exit' : 'zmdi:fullscreen'"
+      :icon="isFullscreen ? AppIcons.fullscreenExit : AppIcons.fullscreen"
       :color="color"
     />
   </div>