<template>
	<view class="news-box-bg">
		<view class="hot-news-img">
			<u-image src="/static/shoplist/sy_icon_zxzx.png" width='55px' height='22px'/>
		</view>
		<view class="news-box">
			<u-notice-bar
				:text="text"
				bgColor="#fff"
				customStyle="width:70vw"
				color="#232323"
				icon=" "
				direction="column"
			/>
		</view>
		
	</view>
</template>

<script>
	/**
	 * @property {Array}  text 需要显示的消息 
	 */
	export default {
		props: {
			text: {
				type: Array,
				default() {
					return []
				}
			}
		}
	}
</script>

<style scoped lang="scss">
	.news-box-bg {
		display: flex;
		border-radius: 8px;
		background-color: #fff;
		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
		
		.hot-news-img {
			margin-left: 6px;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		
		
	}
	
</style>