zyejMAll-mobile/sheep/components/s-notice-block/s-notice-block.vue

40 lines
795 B
Vue
Raw Normal View History

2024-08-07 10:31:42 +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 {
2024-10-14 19:12:22 +08:00
width: 80px !important;
height: 20px;
2024-08-07 10:31:42 +08:00
}
}
</style>