新增

pages.json

@@ -7,7 +7,7 @@
 				"enablePullDownRefresh": false,
 				"navigationBarBackgroundColor": "#ffffff"
 			}
-		},{
+		}, {
 			"path": "pages/ProductList/ProductList",
 			"style": {
 				"navigationBarTitleText": "医路优品",
@@ -65,22 +65,22 @@
 		"backgroundColor": "#ffffff",
 		"list": [{
 				"pagePath": "pages/homepage/homepage",
-				"iconPath": "static/首页@2x.png",
-				"selectedIconPath": "static/首页 拷贝@2x.png",
+				"iconPath": "static/homepagew.png",
+				"selectedIconPath": "static/homepagews.png",
 				"text": "首页"
 
 			},
 			{
 				"pagePath": "pages/shopping/shopping",
-				"iconPath": "static/商城11 拷贝@2x.png",
-				"selectedIconPath": "static/商城11@2x.png",
+				"iconPath": "static/shoppingw.png",
+				"selectedIconPath": "static/shoppings.png",
 				"text": "商城"
 
 			},
 			{
 				"pagePath": "pages/Personal/Personal",
-				"iconPath": "static/个人 拷贝 2@2x.png",
-				"selectedIconPath": "static/个人@2x.png",
+				"iconPath": "static/userw.png",
+				"selectedIconPath": "static/users.png",
 				"text": "个人中心"
 			}
 		]

pages/ProductList/ProductList.vue

@@ -1,6 +1,43 @@
 <template>
-	<view>
-
+	<view class="app">
+		<view class="productlist">
+			<view class="item">
+				<image src="../../static/shoppingcs.png" mode=""></image>
+				<view class="title">
+					燕麦麸皮 1盒
+				</view>
+				<view class="price">
+					￥42.9
+				</view>
+			</view>
+			<view class="item">
+				<image src="../../static/shoppingcs.png" mode=""></image>
+				<view class="title">
+					燕麦麸皮 1盒
+				</view>
+				<view class="price">
+					￥42.9
+				</view>
+			</view>
+			<view class="item">
+				<image src="../../static/shoppingcs.png" mode=""></image>
+				<view class="title">
+					燕麦麸皮 1盒
+				</view>
+				<view class="price">
+					￥42.9
+				</view>
+			</view>
+			<view class="item">
+				<image src="../../static/shoppingcs.png" mode=""></image>
+				<view class="title">
+					燕麦麸皮 1盒
+				</view>
+				<view class="price">
+					￥42.9
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -8,14 +45,17 @@
 	export default {
 		data() {
 			return {
-
+				title: '',
 			};
 		},
-		onLoad(options) {
+		onReady() {
 			uni.setNavigationBarTitle({
-				title: options.title,
+				title: this.title,
 			});
 		},
+		onLoad(options) {
+			this.title = options.title
+		},
 		methods: {
 
 		},
@@ -23,5 +63,47 @@
 </script>
 
 <style lang="scss">
+	.app {
+		background-color: #F4F5F7;
+		width: 100%;
+		height: 100vh;
+		position: relative;
 
+		.productlist {
+			width: 100%;
+			margin: 0 auto;
+			padding: 40rpx 0 0 0;
+			display: flex;
+			flex-wrap: wrap;
+			justify-content: space-evenly;
+
+			.item {
+				width: 45%;
+				background: #FFFFFF;
+				border-radius: 25rpx;
+				padding-bottom: 10rpx;
+				box-shadow: 0px 4rpx 8rpx 4rpx rgba(199, 200, 202, 0.8);
+				margin-bottom: 40rpx;
+
+				.price {
+					font-size: 42rpx;
+					color: #D43953;
+					line-height: 79rpx;
+					padding-left: 20rpx;
+				}
+
+				.title {
+					font-size: 39rpx;
+					color: #000000;
+					line-height: 69rpx;
+					padding-left: 20rpx;
+				}
+
+				image {
+					width: 100%;
+					height: 340rpx;
+				}
+			}
+		}
+	}
 </style>

pages/homepage/homepage.vue

@@ -2,31 +2,32 @@
 	<view class="app">
 		<view class="cards">
 			<view class="nursing item">
-				<img src="../../static/居家护理@2x.png" alt="">
+				<image src="../../static/jjhl.png" mode=""></image>
+				<img src="" alt="">
 				<view class="title">
 					护理站
 				</view>
 			</view>
 			<view class="expert item">
-				<img src="../../static/zhuanjia@2x.png" alt="">
+				<image src="../../static/zhuanjia.png" mode=""></image>
 				<view class="title">
 					就医
 				</view>
 			</view>
 			<view class="item knowledge">
-				<img src="../../static/知识@2x.png" alt="">
+				<image src="../../static/zs.png" mode=""></image>
 				<view class="title">
 					健康知识
 				</view>
 			</view>
 			<view class="elderly item">
-				<img src="../../static/养老服务_fill@2x.png" alt="">
+				<image src="../../static/ylfw.png" mode=""></image>
 				<view class="title" style="font-size: 42rpx;">
 					国家老年病中心
 				</view>
 			</view>
 			<view class="smallitem">
-				<img src="../../static/跑步 拷贝@2x.png" alt="">
+				<image src="../../static/pb.png" mode=""></image>
 				<view class="title">
 					体卫融合
 				</view>
@@ -86,7 +87,7 @@
 					transform: translateX(-50%);
 				}
 
-				img {
+				image {
 					width: 70rpx;
 					height: 70rpx;
 					position: absolute;
@@ -114,7 +115,7 @@
 					transform: translateX(-50%);
 				}
 
-				img {
+				image {
 					width: 100rpx;
 					height: 100rpx;
 					position: absolute;

pages/shopping/shopping.vue

@@ -2,25 +2,26 @@
 	<view class="app">
 		<view class="cards">
 			<view class="item" style="background-color: #00C176;" @tap='goProductList(1)'>
-				<img src="../../static/食品@2x.png" alt="">
+				<image  src="../../static/sp.png"  mode=""></image>
 				<view class="title">
 					特医食品
 				</view>
 			</view>
 			<view class=" item" style="background-color: #D43953;">
-				<img src="../../static/营养膳食@2x.png" alt="">
+				<image src="../../static/yyss.png" mode=""></image>
+				<img src="" alt="">
 				<view class="title">
 					营养膳食
 				</view>
 			</view>
 			<view class="item" style="background-color: #E1AE3C;">
-				<img src="../../static/智能手表@2x.png" alt="">
+				<image src="../../static/znsb.png" mode=""></image>
 				<view class="title" style="font-size: 42rpx;">
 					可穿戴医疗设备
 				</view>
 			</view>
 			<view class="item" style="background: #4C7BC9;">
-				<img src="../../static/产品-01@2x.png" alt="">
+				<image src="../../static/cp.png" mode=""></image>
 				<view class="title" style="font-size: 42rpx;">
 					适老化改造
 				</view>
@@ -40,7 +41,7 @@
 			goProductList(number) {
 				if (number == 1) {
 					var titlename = '特医食品'
-					uni.reLaunch({
+					uni.navigateTo({
 						url: `/pages/ProductList/ProductList?title=${titlename}`
 					})
 				}
@@ -88,7 +89,7 @@
 					transform: translateX(-50%);
 				}
 
-				img {
+				image {
 					width: 100rpx;
 					height: 100rpx;
 					position: absolute;