52 lines
829 B
Vue
52 lines
829 B
Vue
<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=" "
|
|
/>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
/**
|
|
* @property {String} text 需要显示的消息
|
|
*/
|
|
export default {
|
|
props: {
|
|
text: {
|
|
type: String,
|
|
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> |