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

pages/index/HomeNoticeBar.vue

@@ -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>

pages/index/index.vue

@@ -3,21 +3,24 @@
 		<InputAndSwiper></InputAndSwiper>
 		<view class="home-content">
 			<HomeNavCard></HomeNavCard>
-			<view class="news-box"><u-notice-bar :text="newsTextLists" bgColor="#fff"></u-notice-bar></view>
-			<ShowShopList></ShowShopList>
+			<HomeNoticeBar></HomeNoticeBar>
+			<ShowShopList/>
+			<SearchShopListItem></SearchShopListItem>
+			<SearchShopListItem></SearchShopListItem>
 		</view>
 		<TabBar :current-page="0"></TabBar>
 	</view>
 </template>
 
 <script>
+	import HomeNoticeBar from "./HomeNoticeBar.vue"
 	export default {
 		components: {
-
+			HomeNoticeBar
 		},
 		data() {
 			return {
-				newsTextLists: '寒雨连江夜入吴 平明送客楚山孤 洛阳亲友如相问 一片冰心在玉壶'
+				
 			}
 		},
 		onLoad() {
@@ -37,8 +40,5 @@
 			margin: 0 10px;
 		}
 	}
-	.news-box {
-		border-radius: 8px;
-		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
-	}
+	
 </style>