修改

pages.json

@@ -88,7 +88,8 @@
 				"navigationBarTitleText": "医路优品",
 				"navigationBarBackgroundColor": "#ffffff",
 				"onReachBottomDistance": 40, //距离底部多远时触发 单位为px
-				"enablePullDownRefresh": true //设置参数为true
+				"enablePullDownRefresh": true ,//设置参数为true
+				"navigationStyle": "custom"
 			}
 		}, {
 			"path": "pages/CommodityOrder/CommodityOrder",

pages/shopping/shopping.vue

@@ -1,10 +1,10 @@
 <template>
 	<view class="app">
-		<view class="cards">
-			<view class="item" :style="{background:listcolor[index % listcolor.length]}" @tap='goProductList(item)'
+		<view class="card">
+			<view class="items" :style="{background:listcolor[index % listcolor.length]}" @tap='goProductList(item)'
 				v-for="(item,index) in goodsCategoryList" :key="index">
 				<image :src="item.goodsCategoryPicture" mode=""></image>
-				<view class="title" style="font-size:42rpx">
+				<view class="titles" style="font-size:42rpx">
 					{{item.goodsCategoryName}}
 				</view>
 			</view>
@@ -25,7 +25,7 @@
 				pageSize: 10, //列
 				total: 0, //list总长度
 				goodsCategoryList: [], //商品列表list
-				listcolor: ['#00C176', '#D43953', '#E1AE3C', '#4C7BC9', '#9e4dd0'], //颜色随动
+				listcolor: ['#E69874', '#09C87E', '#E4B958', '#6592DC', '#EF6A80'] //颜色随动
 			};
 		},
 		//1.分享给朋友
@@ -110,8 +110,40 @@
 
 <style lang="scss">
 	.app {
-		.cards {
-			padding: 22px 0 20px 0;
+		padding: 165rpx 0 0;
+		background-color: #fff;
+
+		.card {
+			width: 100%;
+			display: flex;
+			justify-content: space-evenly;
+			flex-wrap: wrap;
+
+			.items {
+				width: 45%;
+				height: 360rpx;
+				margin-bottom: 40rpx;
+				z-index: 1;
+				border-radius: 25rpx;
+				position: relative;
+
+				image {
+					border-radius: 25rpx;
+					width: 100%;
+					height: 100%;
+					z-index: -1;
+				}
+
+				.titles {
+					width: 90%;
+					font-size: 36rpx;
+					color: #FCFCFC;
+					position: absolute;
+					top: 30rpx;
+					left: 30rpx;
+					z-index: 999;
+				}
+			}
 		}
 	}
 </style>