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