罗世杰：style；主页样式修改

pages/index/index.vue

@@ -1,13 +1,12 @@
 <template>
 	<view class="home-base-bg">
 		<InputAndSwiper></InputAndSwiper>
-		<TabBar :current-page="0"></TabBar>
-		<HomeNavCard></HomeNavCard>
-		<view class="news-box">
-			<u-notice-bar :text="newsTextLists" :bg-color="$uni-bg-color"></u-notice-bar>
+		<view class="home-content">
+			<HomeNavCard></HomeNavCard>
+			<view class="news-box"><u-notice-bar :text="newsTextLists" bgColor="#fff"></u-notice-bar></view>
+			<ShowShopList></ShowShopList>
 		</view>
-		
-		<ShowShopList></ShowShopList>
+		<TabBar :current-page="0"></TabBar>
 	</view>
 </template>
 
@@ -18,12 +17,7 @@
 		},
 		data() {
 			return {
-				newsTextLists: [
-					'寒雨连江夜入吴',
-					'平明送客楚山孤',
-					'洛阳亲友如相问',
-					'一片冰心在玉壶'
-				],
+				newsTextLists: '寒雨连江夜入吴 平明送客楚山孤 洛阳亲友如相问 一片冰心在玉壶'
 			}
 		},
 		onLoad() {
@@ -39,6 +33,12 @@
 	.home-base-bg {
 		background-color: $uni-bg-color-grey;
 		width: 100%;
+		.home-content {
+			margin: 0 10px;
+		}
+	}
+	.news-box {
+		border-radius: 8px;
+		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
 	}
-	
 </style>