Showing
2 changed files
with
17 additions
and
4 deletions
| @@ -28,6 +28,7 @@ | @@ -28,6 +28,7 @@ | ||
| 28 | import { ViewTypeNameEnum } from '../../common/ShareModal/config'; | 28 | import { ViewTypeNameEnum } from '../../common/ShareModal/config'; |
| 29 | import { useModal } from '/@/components/Modal'; | 29 | import { useModal } from '/@/components/Modal'; |
| 30 | import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard'; | 30 | import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard'; |
| 31 | + import { ViewType } from '../../visual/board/config/panelDetail'; | ||
| 31 | 32 | ||
| 32 | const listColumn = ref(5); | 33 | const listColumn = ref(5); |
| 33 | 34 | ||
| @@ -231,7 +232,13 @@ | @@ -231,7 +232,13 @@ | ||
| 231 | </template> | 232 | </template> |
| 232 | <template #renderItem="{ item }"> | 233 | <template #renderItem="{ item }"> |
| 233 | <List.Item> | 234 | <List.Item> |
| 234 | - <Card hoverable class="card-container"> | 235 | + <Card |
| 236 | + :style="{ | ||
| 237 | + '--viewType': item.viewType === ViewType.PUBLIC_VIEW ? '#1890ff' : '#faad14', | ||
| 238 | + }" | ||
| 239 | + hoverable | ||
| 240 | + class="card-container" | ||
| 241 | + > | ||
| 235 | <template #cover> | 242 | <template #cover> |
| 236 | <div | 243 | <div |
| 237 | class="img-container h-full w-full !flex justify-center items-center text-center p-1 relative" | 244 | class="img-container h-full w-full !flex justify-center items-center text-center p-1 relative" |
| @@ -360,6 +367,6 @@ | @@ -360,6 +367,6 @@ | ||
| 360 | } | 367 | } |
| 361 | 368 | ||
| 362 | .card-container:deep(.ant-card-cover) { | 369 | .card-container:deep(.ant-card-cover) { |
| 363 | - background-color: #2db7f5; | 370 | + background-color: var(--viewType); |
| 364 | } | 371 | } |
| 365 | </style> | 372 | </style> |
| @@ -29,6 +29,7 @@ | @@ -29,6 +29,7 @@ | ||
| 29 | import { ShareModal } from '/@/views/common/ShareModal'; | 29 | import { ShareModal } from '/@/views/common/ShareModal'; |
| 30 | import { ViewTypeNameEnum } from '../common/ShareModal/config'; | 30 | import { ViewTypeNameEnum } from '../common/ShareModal/config'; |
| 31 | import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard'; | 31 | import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard'; |
| 32 | + import { ViewType } from '../visual/board/config/panelDetail'; | ||
| 32 | 33 | ||
| 33 | const listColumn = ref(5); | 34 | const listColumn = ref(5); |
| 34 | 35 | ||
| @@ -226,7 +227,12 @@ | @@ -226,7 +227,12 @@ | ||
| 226 | </template> | 227 | </template> |
| 227 | <template #renderItem="{ item }"> | 228 | <template #renderItem="{ item }"> |
| 228 | <List.Item> | 229 | <List.Item> |
| 229 | - <Card class="card-container"> | 230 | + <Card |
| 231 | + :style="{ | ||
| 232 | + '--viewType': item.viewType === ViewType.PUBLIC_VIEW ? '#1890ff' : '#faad14', | ||
| 233 | + }" | ||
| 234 | + class="card-container" | ||
| 235 | + > | ||
| 230 | <template #cover> | 236 | <template #cover> |
| 231 | <div class="h-full w-full relative hover-show-modal-content img-container"> | 237 | <div class="h-full w-full relative hover-show-modal-content img-container"> |
| 232 | <img | 238 | <img |
| @@ -424,6 +430,6 @@ | @@ -424,6 +430,6 @@ | ||
| 424 | } | 430 | } |
| 425 | 431 | ||
| 426 | .card-container:deep(.ant-card-cover) { | 432 | .card-container:deep(.ant-card-cover) { |
| 427 | - background-color: #2db7f5; | 433 | + background-color: var(--viewType); |
| 428 | } | 434 | } |
| 429 | </style> | 435 | </style> |