From daa557aa4a6945646b0bc57b06db8300521593d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9B=B9=E8=BE=89?= <814457906@qq.com>
Date: Thu, 23 Feb 2023 14:41:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                  |  3 ++-
 pages/shopping/shopping.vue | 44 ++++++++++++++++++++++++++++++++-----
 2 files changed, 40 insertions(+), 7 deletions(-)

diff --git a/pages.json b/pages.json
index a9a5886..b8f4d6a 100644
--- a/pages.json
+++ b/pages.json
@@ -88,7 +88,8 @@
 				"navigationBarTitleText": "医路优品",
 				"navigationBarBackgroundColor": "#ffffff",
 				"onReachBottomDistance": 40, //距离底部多远时触发 单位为px
-				"enablePullDownRefresh": true //设置参数为true
+				"enablePullDownRefresh": true ,//设置参数为true
+				"navigationStyle": "custom"
 			}
 		}, {
 			"path": "pages/CommodityOrder/CommodityOrder",
diff --git a/pages/shopping/shopping.vue b/pages/shopping/shopping.vue
index 224fb46..39cfa37 100644
--- a/pages/shopping/shopping.vue
+++ b/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>