| 提交 | 用户 | 时间 | ||
| 314507 | 1 | <template> |
| H | 2 | <div |
| 3 | class="flex items-center p-y-4px text-12px" | |
| 4 | :style="{ backgroundColor: property.backgroundColor, color: property.textColor }" | |
| 5 | > | |
| 6 | <el-image :src="property.iconUrl" class="h-18px" /> | |
| 7 | <el-divider direction="vertical" /> | |
| 8 | <el-carousel height="24px" direction="vertical" :autoplay="true" class="flex-1 p-r-8px"> | |
| 9 | <el-carousel-item v-for="(item, index) in property.contents" :key="index"> | |
| 10 | <div class="h-24px truncate leading-24px">{{ item.text }}</div> | |
| 11 | </el-carousel-item> | |
| 12 | </el-carousel> | |
| 13 | <Icon icon="ep:arrow-right" /> | |
| 14 | </div> | |
| 15 | </template> | |
| 16 | ||
| 17 | <script setup lang="ts"> | |
| 18 | import { NoticeBarProperty } from './config' | |
| 19 | ||
| 20 | /** 公告栏 */ | |
| 21 | defineOptions({ name: 'NoticeBar' }) | |
| 22 | ||
| 23 | defineProps<{ property: NoticeBarProperty }>() | |
| 24 | </script> | |
| 25 | ||
| 26 | <style scoped lang="scss"></style> | |
