acdr-admin/yskj-ui/yskj-ui-mall-uniapp/sheep/components/s-notice-block/s-notice-block.vue

39 lines
769 B
Vue
Raw Normal View History

2024-09-13 11:31:48 +08:00
<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 {
height: 56rpx;
}
}
</style>