新加页面

App.vue

@@ -30,5 +30,6 @@
 	page{
 		height: 100%;
 		background-color: #F4F4F4;
+		font-weight: 500;
 	}
 </style>

pages.json

@@ -15,6 +15,7 @@
 		{
 			"path": "pages/home/index",
 			"style": {
+				"navigationBarTextStyle": "black",
 				"app-plus": {
 					"titleNView": false
 				}

pages/home/index.vue

@@ -4,32 +4,32 @@
 			<!-- 这里是状态栏 -->
 		</view>
 		<view class="u-page">
-			<view class="u-margin-top-10">
+			<view class="u-m-t-20">
 				<u-swiper :list="tabbarList" :height="310" bg-color="#F4F4F4"></u-swiper>
 			</view>
-			<view class="u-flex u-m-l-20 u-m-r-20">
+			<view class="u-flex u-m-t-20  u-m-l-20 u-m-r-20">
 				<view class="u-flex u-row-center" style="width: 450rpx; height: 70rpx;border-radius: 50rpx;background: rgba(52,140,245,0.1);font-size: 20rpx;color: #348CF5; font-size: 500;">
 					<u-image width="45rpx" height="35rpx" src="../../static/sailun/speaker.png" style="margin:10rpx;"></u-image>公告
 				</view>
 				<u-notice-bar mode="horizontal" :list="noticebarList" :volume-icon="false" bg-color="#F4F4F4" color="#2B2B2B"></u-notice-bar>
 			</view>
-			<view class="u-flex u-row-around u-m-15">
-				<u-image width="330rpx" height="128rpx" src="../../static/sailun/scan_in.png" @click="scancodeIn"></u-image>
-				<u-image width="330rpx" height="128rpx" src="../../static/sailun/scan_out.png" @click="scancodeOut"></u-image>
+			<view class="u-flex u-m-t-20 u-row-around u-m-15">
+				<u-image width="340rpx"  src="../../static/sailun/scan_in.png" @click="scancodeIn" mode="widthFix"></u-image>
+				<u-image width="340rpx"  src="../../static/sailun/scan_out.png" @click="scancodeOut" mode="widthFix"></u-image>
 			</view>
-			<view>
-				<view class="u-m-l-30">
+			<view class="u-m-t-20">
+				<view class="u-m-l-30" style="font-size: 34rpx;">
 					快捷服务
 				</view>
 				<view class="u-flex u-flex-wrap u-row-center">
-					<u-image width="340rpx" height="200rpx" src="../../static/sailun/1.png" style="margin: 10rpx;box-shadow:0rpx 0rpx 20rpx rgba(0,0,0,0.2);border-radius: 25rpx;" @click="inStock"></u-image>
-					<u-image width="340rpx" height="200rpx" src="../../static/sailun/2.png" style="margin: 10rpx;box-shadow:0rpx 0rpx 20rpx rgba(0,0,0,0.2);border-radius: 25rpx;"></u-image>
-					<u-image width="340rpx" height="200rpx" src="../../static/sailun/3.png" style="margin: 10rpx;box-shadow:0rpx 0rpx 20rpx rgba(0,0,0,0.2);border-radius: 25rpx;" @click="inInlineshop"></u-image>
-					<u-image width="340rpx" height="200rpx" src="../../static/sailun/4.png" style="margin: 10rpx;box-shadow:0rpx 0rpx 20rpx rgba(0,0,0,0.2);border-radius: 25rpx;" @click="inIntegral"></u-image>
+					<u-image width="350rpx" height="212rpx" src="../../static/sailun/1.png" style="margin: 10rpx;box-shadow:0rpx 0rpx 20rpx rgba(0,0,0,0.2);border-radius: 30rpx;" @click="inStock"></u-image>
+					<u-image width="350rpx" height="212rpx" src="../../static/sailun/2.png" style="margin: 10rpx;box-shadow:0rpx 0rpx 20rpx rgba(0,0,0,0.2);border-radius: 30rpx;"></u-image>
+					<u-image width="350rpx" height="212rpx" src="../../static/sailun/3.png" style="margin: 10rpx;box-shadow:0rpx 0rpx 20rpx rgba(0,0,0,0.2);border-radius: 30rpx;" @click="inInlineshop"></u-image>
+					<u-image width="350rpx" height="212rpx" src="../../static/sailun/4.png" style="margin: 10rpx;box-shadow:0rpx 0rpx 20rpx rgba(0,0,0,0.2);border-radius: 30rpx;" @click="inIntegral"></u-image>
 				</view>
 			</view>
-			<view class="u-flex u-row-center u-m-t-30">
-				<u-image width="670rpx" src="../../static/sailun/88reward.png" mode="widthFix"></u-image>
+			<view class="u-flex u-row-center u-m-t-20">
+				<u-image width="680rpx" src="../../static/sailun/88reward.png" mode="widthFix"></u-image>
 			</view>
 		</view>
 		<!-- 与包裹页面所有内容的元素u-page同级，且在它的下方 -->

pages/me/index.vue

@@ -8,7 +8,7 @@
 				<view class="u-flex u-row-between" style="padding: 50rpx 30rpx">
 					<view class="u-flex">
 						<view class="">
-							<u-image width="130rpx" height="130rpx" :src="src" :lazy-load="true" shape="circle">
+							<u-image width="130rpx" height="130rpx" src="../../static/sailun/head-portrait.png" :lazy-load="true" shape="circle">
 								<view slot="error" style="font-size: 24rpx;" :fade="true" duration="450">加载失败</u-icon>
 								</view>
 							</u-image>
@@ -23,12 +23,14 @@
 						</view>
 					</view>
 					<view class="">
-						<u-icon name="qr" size="80rpx" custom-prefix="van-icon" color="#fff"></u-icon>
+						<!-- <u-icon name="qr" size="80rpx" custom-prefix="van-icon" color="#fff"></u-icon> -->
+						<u-image width="60rpx" height="60rpx" src="../../static/sailun/qrcode.png" :lazy-load="true">
+						</u-image>
 					</view>
 				</view>
 				<view class="u-flex u-row-around">
 					<view class="u-text-center">
-						<view style="font-size:36rpx; font-weight: 500;color: #FFFFFF;">
+						<view style="font-size:34rpx; color: #FFFFFF;">
 							张三
 						</view>
 						<view style="color: #B3DAFF;opacity: 0.9;">
@@ -36,7 +38,7 @@
 						</view>
 					</view>
 					<view class="u-text-center">
-						<view style="font-size:36rpx;font-weight: 500;color: #FFFFFF;">
+						<view style="font-size:34rpx;color: #FFFFFF;">
 							市北区
 						</view>
 						<view style="color: #B3DAFF;opacity: 0.9;">
@@ -48,10 +50,10 @@
 			<view style="position: relative;top:-110rpx">
 				<u-card padding="20" box-shadow="0px 1px 10px rgba(0,0,0,0.2)" border-radius="20" :show-foot="false" :border="false">
 					<view slot="head" class="u-flex u-row-between u-col-bottom">
-						<view style="font-weight: 500;font-size: 36rpx;">
+						<view style="font-size: 34rpx;">
 							结算中心
 						</view>
-						<view class="u-col-bottom" style="color: #4B4B4B;font-size: 20rpx;">
+						<view class="u-col-bottom" style="color: #4B4B4B;font-size: 24rpx;">
 							查看全部
 						</view>
 					</view>
@@ -94,85 +96,82 @@
 				</u-card>
 				<u-card padding="20" box-shadow="0px 1px 10px rgba(0,0,0,0.2)" border-radius="20" :show-foot="false" :border="false">
 					<view slot="head" class="u-flex u-row-between u-col-bottom">
-						<view style="font-weight: 500;font-size: 36rpx;">
-							结算中心
-						</view>
-						<view class="u-col-bottom" style="color: #4B4B4B;font-size: 20rpx;">
-							查看全部
+						<view style="font-size: 34rpx;">
+							我的服务
 						</view>
 					</view>
 					<view slot="body">
-						<view class="u-flex u-row-around u-flex-wrap">
+						<view class="u-flex u-row-around u-flex-wrap u-col-between" style="height: 300rpx;font-size: 24rpx;">
 							<view class="u-flex u-row-centter" style="flex-direction: column;width: 25%;" @click="inInstore">
 								<view>
-									<u-image width="80rpx" height="80rpx" :src="src" :lazy-load="true" shape="circle">
+									<u-image width="80rpx" height="80rpx" src="../../static/sailun/instock.png" :lazy-load="true" shape="circle">
 									</u-image>
 								</view>
-								<view style="font-weight: 500;color: #000000;">
+								<view style="color: #000000;" class="u-m-t-10">
 									入库明细
 								</view>
 							</view>
 							<view class="u-flex u-row-centter" style="flex-direction: column;width: 25%;" @click="inOutstore">
 								<view>
-									<u-image width="80rpx" height="80rpx" :src="src" :lazy-load="true" shape="circle">
+									<u-image width="80rpx" height="80rpx" src="../../static/sailun/outstock.png" :lazy-load="true" shape="circle">
 									</u-image>
 								</view>
-								<view style="font-weight: 500;color: #000000;">
+								<view style="color: #000000;" class="u-m-t-10">
 									出库明细
 								</view>
 							</view>
 							<view class="u-flex u-row-centter" style="flex-direction: column;width: 25%;" @click="inReward">
 								<view>
-									<u-image width="80rpx" height="80rpx" :src="src" :lazy-load="true" shape="circle">
+									<u-image width="80rpx" height="80rpx" src="../../static/sailun/reward.png" :lazy-load="true" shape="circle">
 									</u-image>
 								</view>
-								<view style="font-weight: 500;color: #000000;">
+								<view style="color: #000000;" class="u-m-t-10">
 									奖励明细
 								</view>
 							</view>
 							<view class="u-flex u-row-centter" style="flex-direction: column;width: 25%;" @click="inStatistical">
 								<view>
-									<u-image width="80rpx" height="80rpx" :src="src" :lazy-load="true" shape="circle">
+									<u-image width="80rpx" height="80rpx" src="../../static/sailun/task.png" :lazy-load="true" shape="circle">
 									</u-image>
 								</view>
-								<view style="font-weight: 500;color: #000000;">
+								<view style="color: #000000;" class="u-m-t-10">
 									任务统计
 								</view>
 							</view>
 							<view class="u-flex u-row-centter" style="flex-direction: column;width: 25%;" @click="inresult">
 								<view>
-									<u-image width="80rpx" height="80rpx" :src="src" :lazy-load="true" shape="circle">
+									<u-image width="80rpx" height="80rpx" src="../../static/sailun/tirenum.png" :lazy-load="true" shape="circle">
 									</u-image>
 								</view>
-								<view style="font-weight: 500;color: #000000;">
+								<view style="color: #000000;" class="u-m-t-10">
 									胎号查询
 								</view>
 							</view>
 							
 							<view class="u-flex u-row-centter" style="flex-direction: column;width: 25%;">
 								<view>
-									<u-image width="80rpx" height="80rpx" :src="src" :lazy-load="true" shape="circle">
+									<u-image width="80rpx" height="80rpx" src="../../static/sailun/me-order.png" :lazy-load="true" shape="circle">
 									</u-image>
 								</view>
-								<view style="font-weight: 500;color: #000000;">
+								<view style="color: #000000;" class="u-m-t-10">
 									门店订单
 								</view>
 							</view>
 							<view class="u-flex u-row-centter" style="flex-direction: column;width: 25%;" @click="inCoupon">
 								<view>
-									<u-image width="80rpx" height="80rpx" :src="src" :lazy-load="true" shape="circle">
+									<u-image width="80rpx" height="80rpx" src="../../static/sailun/coupon.png" :lazy-load="true" shape="circle">
 									</u-image>
 								</view>
-								<view style="font-weight: 500;color: #000000;">
+								<view style="color: #000000;" class="u-m-t-10">
 									我的优惠券
 								</view>
 							</view>
 							<view class="u-flex u-row-centter" style="flex-direction: column;width: 25%;" @click="inSuppliers">
 								<view>
-									<u-image width="80rpx" height="80rpx" :src="src" :lazy-load="true" shape="circle">
+									<u-image width="80rpx" height="80rpx" src="../../static/sailun/supplier.png" :lazy-load="true" shape="circle">
 									</u-image>
 								</view>
-								<view style="font-weight: 500;color: #000000;">
+								<view style="color: #000000;" class="u-m-t-10">
 									我的供应商
 								</view>
 							</view>
@@ -186,7 +185,7 @@
 					<u-cell-item  title="兑换记录">
 						<u-icon slot="icon" size="32" name="balance-list-o" custom-prefix="van-icon"></u-icon>
 					</u-cell-item>
-					<u-cell-item icon="setting-fill" title="设置">
+					<u-cell-item icon="setting-fill" title="设置" @click="inSetting">
 						<u-icon slot="icon" size="32" name="setting-o" custom-prefix="van-icon"></u-icon>
 					</u-cell-item>
 				</u-cell-group>
@@ -264,6 +263,11 @@
 				this.$u.route({
 					url: 'pages/me/suppliers',
 				})
+			},
+			inSetting(){
+				this.$u.route({
+					url: 'pages/me/setting/setting',
+				})
 			}
 		}
 	}
@@ -279,6 +283,8 @@
 	.head {
 		width: 750rpx;
 		height: 429rpx;
-		background: linear-gradient(50deg, #3F77F6 0%, #66CCFF 100%);
+		// background: linear-gradient(50deg, #3F77F6 0%, #66CCFF 100%);
+		background-image:  url(../../static/sailun/mebg.png);
+		background-size:100% 100%;
 	}
 </style>

pages/me/setting/setting.vue

@@ -1,6 +1,54 @@
 <template>
 	<view>
 		<!-- 设置 -->
+		<u-card :border="false" padding="30" box-shadow="0px 1px 10px rgba(0,0,0,0.2)" border-radius="20" :show-foot="false"
+		 :show-head="false">
+			<view slot="body">
+				<view class="u-flex  u-row-between">
+					<view class="">
+						<u-image width="130rpx" height="130rpx" src="../../../static/sailun/head-portrait-2.png" :lazy-load="true" shape="circle">
+							<view slot="error" style="font-size: 24rpx;" :fade="true" duration="450">加载失败</u-icon>
+							</view>
+						</u-image>
+					</view>
+					<view class="u-flex">
+						<view class="u-m-r-50" style="color:#0D79EC;font-size: 32rpx;">修改头像</view>
+						<u-icon name="arrow-right" color="#0D79EC" size="28"></u-icon>
+					</view>
+				</view>
+
+			</view>
+		</u-card>
+		<u-card :border="false" padding="20" box-shadow="0px 1px 10px rgba(0,0,0,0.2)" border-radius="20" :show-foot="false"
+		 :show-head="false">
+			<view slot="body">
+				<template>
+					<u-cell-group :border="false">
+						<u-cell-item title="收获地址管理">
+							<u-icon slot="icon" size="42" name="location-o" custom-prefix="van-icon" color="#0095FF" style="margin-right: 10rpx;"></u-icon>
+						</u-cell-item>
+						<u-cell-item title="门店名称" value="青岛赛轮轮胎店">
+							<u-icon slot="icon" size="42" name="shop-o" custom-prefix="van-icon" color="#0095FF" style="margin-right: 10rpx;"></u-icon>
+						</u-cell-item>
+						<u-cell-item title="门店联系人" value="张三">
+							<u-icon slot="icon" size="42" name="contact" custom-prefix="van-icon" color="#0095FF" style="margin-right: 10rpx;"></u-icon>
+						</u-cell-item>
+						<u-cell-item title="联系电话" value="13443135664">
+							<u-icon slot="icon" size="42" name="phone-o" custom-prefix="van-icon" color="#0095FF" style="margin-right: 10rpx;"></u-icon>
+						</u-cell-item>
+						<u-cell-item title="用户协议">
+							<u-icon slot="icon" size="42" name="friends-o" custom-prefix="van-icon" color="#0095FF" style="margin-right: 10rpx;"></u-icon>
+						</u-cell-item>
+						<u-cell-item title="隐私政策">
+							<u-icon slot="icon" size="42" name="info-o" custom-prefix="van-icon" color="#0095FF" style="margin-right: 10rpx;"></u-icon>
+						</u-cell-item>
+						<u-cell-item title="版本检测" value="1.29" :arrow="false">
+							<u-icon slot="icon" size="42" name="setting-o" custom-prefix="van-icon" color="#0095FF" style="margin-right: 10rpx;"></u-icon>
+						</u-cell-item>
+					</u-cell-group>
+				</template>
+			</view>
+		</u-card>
 	</view>
 </template>
 
@@ -8,11 +56,11 @@
 	export default {
 		data() {
 			return {
-				
+
 			}
 		},
 		methods: {
-			
+
 		}
 	}
 </script>