<template>
	<view class="ss-flex ss-col-center notice-wrap">
		<image class="icon-img" :src="sheep.$url.cdn(data.iconUrl)" mode="heightFix"></image>
		<!-- todo：@owen 暂时只支持一个公告   -->
		<su-notice-bar style="flex: 1" :showIcon="false" scrollable single :text="data.contents[0].text" :speed="50"
			:color="data.textColor" @tap="sheep.$router.go(data.contents[0].url)" />
	</view>
</template>

<script setup>
	/**
	 * 装修组件  - 通知栏
	 *
	 */
	import sheep from '@/sheep';
	const props = defineProps({
		data: {
			type: Object,
			default () {},
		},
	});
</script>

<style lang="scss" scoped>
	.notice-wrap {
		.icon-img {
			width: 75px !important;
			height: 19px;
			position: relative;
			padding-right: 9px;

			&:after {
				position: absolute;
				content: '';
				right: 0;
				height: 80%;
				width: 1px;
				background: #7a767640;
				top: 52%;
				;
				transform: translateY(-50%);
			}
		}
	}
</style>