罗世杰:feat&fix:修复notice处的bug,完成商铺展示列表

This commit is contained in:
LuoShijie
2023-11-04 22:43:39 +08:00
parent b94ebd5486
commit 5010fb8538
11 changed files with 200 additions and 19 deletions

View File

@@ -0,0 +1,52 @@
<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 @property {String} 需要显示的消息
*/
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>