45 lines
945 B
Vue
45 lines
945 B
Vue
<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> |