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

components/HomeNavCard/HomeNavCard.vue

@@ -50,12 +50,12 @@
 
 <style lang="scss">
 .nav-card {
-	margin: 15px 7px;
+	margin: 15px 0px;
 	padding: 10px 0;
 	background-color: $uni-bg-color;
 	
 	border-radius: $uni-border-radius-lg;
-	box-shadow: 0 3px 3px 0 $u-border-color;
+	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
 	.grid-text {
 		font-size: 14px;
 	}

components/ShowShopListItem/ShowShopListItem.vue

@@ -63,14 +63,14 @@
 
 <style lang="scss" scoped>
 	.list-border {
-		margin: 10px;
+		margin-top: 10px;
 		padding: 10px;
 		background-color: #fff;
 		border-radius: 7px;
+		box-shadow: 0 1px 2px 0 rgba(224, 224, 224, 0.50);
 		.list-container {
 			display: flex;
 			height: 80px;
-			// background-color: #000;
 			margin-bottom: 5px;			
 			font-size: 12px;
 		}

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>