perf: 分享徽标新增颜色区分

@@ -28,6 +28,7 @@
   import { ViewTypeNameEnum } from '../../common/ShareModal/config';
   import { useModal } from '/@/components/Modal';
   import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
+  import { ViewType } from '../../visual/board/config/panelDetail';
 
   const listColumn = ref(5);
 
@@ -231,7 +232,13 @@
         </template>
         <template #renderItem="{ item }">
           <List.Item>
-            <Card hoverable class="card-container">
+            <Card
+              :style="{
+                '--viewType': item.viewType === ViewType.PUBLIC_VIEW ? '#1890ff' : '#faad14',
+              }"
+              hoverable
+              class="card-container"
+            >
               <template #cover>
                 <div
                   class="img-container h-full w-full !flex justify-center items-center text-center p-1 relative"
@@ -360,6 +367,6 @@
   }
 
   .card-container:deep(.ant-card-cover) {
-    background-color: #2db7f5;
+    background-color: var(--viewType);
   }
 </style>

@@ -29,6 +29,7 @@
   import { ShareModal } from '/@/views/common/ShareModal';
   import { ViewTypeNameEnum } from '../common/ShareModal/config';
   import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
+  import { ViewType } from '../visual/board/config/panelDetail';
 
   const listColumn = ref(5);
 
@@ -226,7 +227,12 @@
         </template>
         <template #renderItem="{ item }">
           <List.Item>
-            <Card class="card-container">
+            <Card
+              :style="{
+                '--viewType': item.viewType === ViewType.PUBLIC_VIEW ? '#1890ff' : '#faad14',
+              }"
+              class="card-container"
+            >
               <template #cover>
                 <div class="h-full w-full relative hover-show-modal-content img-container">
                   <img
@@ -424,6 +430,6 @@
   }
 
   .card-container:deep(.ant-card-cover) {
-    background-color: #2db7f5;
+    background-color: var(--viewType);
   }
 </style>