diff --git a/pages.json b/pages.json
index 31b8ee2..66a4486 100644
--- a/pages.json
+++ b/pages.json
@@ -73,7 +73,7 @@
 	{
 	  "path": "pages/member/index",
 	  "style": {
-	    "navigationBarTitleText": "会员中心",
+	    // "navigationBarTitleText": "会员中心",
 		"navigationStyle": "custom"
 	  }
 	},
diff --git a/pages/invite/list.vue b/pages/invite/list.vue
index be09bc3..3bde328 100644
--- a/pages/invite/list.vue
+++ b/pages/invite/list.vue
@@ -1,7 +1,7 @@
 <template>
 	<view class="member">
-		<view class="title">
-			邀请记录
+		<view >
+			<u-navbar title="邀请记录" back-icon-color="#fff" :border-bottom="false" title-color="#333" :background="background"></u-navbar>
 		</view>
 		<view class="tab">
 			<view class="tabList">
@@ -20,9 +20,14 @@
 </template>
 
 <script>
+	import img from "@/static/member/top.png"
 	export default{
 		data(){
 			return{
+				background: {
+					background: 'url('+	img+') center top no-repeat',
+					backgroundSize: '100% auto',
+				},
 				chosed:'0',
 				tabList:[
 					{
@@ -44,24 +49,10 @@
 <style lang="scss" scoped>
 	.member{
 		width: 100%;
-		height: 1296rpx;
 		background: url('../../static/member/merBack.png') 100% no-repeat;
 		background-size: 100% 100%;
-		padding-top: 120rpx;
 		position:relative;
 	}
-	.title{
-		width: 128rpx;
-		height: 44rpx;
-		font-size: 32rpx;
-		font-family: PingFang SC, PingFang SC;
-		font-weight: 500;
-		color: #424242;
-		line-height: 44rpx;
-		left: 0;
-		right: 0;
-		margin: auto;
-	}
 	.tab{
 		width: 682rpx;
 		height: 692rpx;
diff --git a/pages/member/index.vue b/pages/member/index.vue
index e09522e..4091c95 100644
--- a/pages/member/index.vue
+++ b/pages/member/index.vue
@@ -1,7 +1,7 @@
 <template>
 	<view class="member">
-		<view class="title">
-			会员中心
+		<view >
+			<u-navbar title="会员中心" back-icon-color="#fff" :border-bottom="false" title-color="#333" :background="background"></u-navbar>
 		</view>
 		<view class="khy">
 			开通Ultra会员，人均立省￥<text>2389</text>
@@ -146,10 +146,15 @@
 </template>
 
 <script>
+	import img from "@/static/member/top.png"
 	export default{
 		data(){
 			return{
 				isVip:false,
+				background: {
+					background: 'url('+	img+') center top no-repeat',
+					backgroundSize: '100% auto',
+				},
 			}
 		}
 	}
@@ -158,24 +163,10 @@
 <style lang="scss" scoped>
 	.member{
 		width: 100%;
-		height: 1296rpx;
 		background: url('../../static/member/merBack.png') 100% no-repeat;
 		background-size: 100% 100%;
-		padding-top: 120rpx;
 		position:relative;
 	}
-	.title{
-		width: 128rpx;
-		height: 44rpx;
-		font-size: 32rpx;
-		font-family: PingFang SC, PingFang SC;
-		font-weight: 500;
-		color: #424242;
-		line-height: 44rpx;
-		left: 0;
-		right: 0;
-		margin: auto;
-	}
 	.khy{
 		height: 36rpx;
 		font-size: 26rpx;
diff --git a/pages/newGoods/index.vue b/pages/newGoods/index.vue
index 62450eb..6e7b64b 100644
--- a/pages/newGoods/index.vue
+++ b/pages/newGoods/index.vue
@@ -1,8 +1,8 @@
 <template>
 	<view class="newGoods">
-		<image src="/static/newGoods/newBack.png" mode="" class="bgImg"></image>
-		<view class="title">
-			新品首发
+		<!-- <image src="/static/newGoods/newBack.png" mode="" class="bgImg"></image> -->
+		<view >
+			<u-navbar title="新品首发" back-icon-color="#fff" :border-bottom="false" title-color="#333" :background="background"></u-navbar>
 		</view>
 		<view class="firGoods">
 			<view class="topLine">
@@ -18,13 +18,12 @@
 					</view>
 				</view>
 				<view class="right">
-					<image src="/static/newGoods/goods.png" mode="" class="goodsImg"></image>
-					<image src="/static/newGoods/bg.png" mode="" class="bg"></image>
+					<!-- <image src="/static/newGoods/bg.png" mode="" class="bg"></image> -->
+						<image src="/static/newGoods/goods.png" mode="" class="goodsImg"></image>		
 				</view>
 			</view>
 		</view>
 		<view class="goodsList">
-			<!-- v-for="(item,index) in goodsList" -->
 			<view class="goodsItem" v-for="(item,index) in 5" :key="index">
 				<view class="hotSell">
 					现货热卖
@@ -65,10 +64,14 @@
 </template>
 
 <script>
+	import img from "@/static/member/head.png"
 	export default{
 		data(){
 			return{
-				
+				background: {
+					background: 'url('+	img+') center top no-repeat',
+					backgroundSize: '100% auto',
+				},
 			}
 		}
 	}
@@ -77,8 +80,6 @@
 <style lang="scss" scoped>
 	.newGoods{
 		width: 100%;
-		padding-bottom: 30rpx;
-		padding-top: 120rpx;
 		position:relative;
 		.bgImg{
 			width: 100%;
@@ -89,25 +90,18 @@
 			z-index: -10;
 		}
 	}
-	.title{
-		width: 128rpx;
-		height: 44rpx;
-		font-size: 32rpx;
-		font-family: PingFang SC, PingFang SC;
-		font-weight: 500;
-		color: #424242;
-		line-height: 44rpx;
-		left: 0;
-		right: 0;
-		margin: auto;
-	}
 	.firGoods{
-		margin-top: 44rpx;
-		margin-left: 56rpx;
+		width: 100%;
+		height: 548rpx;
+		background-image: url('/static/newGoods/top.png');
+		background-size: 100% 100%;
+		padding-left: 30rpx;
+		padding-top: 44rpx;
 		.topLine{
 			display: flex;
 			justify-content: center;
 			.left{
+				margin-top: 132rpx;
 				.goodsName{
 					height: 58rpx;
 					font-size: 42rpx;
@@ -140,30 +134,41 @@
 				}
 			}
 			.right{
+				background-image: url('../../static/newGoods/bg.png');
+				background-repeat: no-repeat;
+				background-size:422rpx 102rpx ;
+				position: relative;
+				background-position: left bottom;
+				height: 500rpx;
 				.goodsImg{
 					width: 414rpx;
 					height: 414rpx;
 					box-shadow: 0rpx 12rpx 29rpx 0rpx rgba(0,0,0,0.25);
 					border-radius: 0rpx 0rpx 0rpx 0rpx;
 					opacity: 1;
-					z-index: 30;
+					z-index: 99;
 				}
 				.bg{
 					width: 422rpx;
 					height: 102rpx;
-					position: relative;
-					top: -42rpx;
-					z-index: -1;
+					position: absolute;
+					top: 374rpx;
+					z-index: 0;
 				}
 			}
 		}
 	}
 	.goodsList{
+		width: 100%;
+		padding: 26rpx 0 30rpx 26rpx;
+		background-image: url('/static/newGoods/bot.png');
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
 		.goodsItem{
 			margin-bottom: 32rpx;
 		}
-		margin-top: 26rpx;
-		margin-left: 26rpx;
+
+
 		.item{
 			width: 700rpx;
 			height: 334rpx;
diff --git a/pages/order/detail.vue b/pages/order/detail.vue
index e093316..e8ffa84 100644
--- a/pages/order/detail.vue
+++ b/pages/order/detail.vue
@@ -1,7 +1,7 @@
 <template>
 	<view class="detail">
-		<view class="header">
-			订单详情
+		<view >
+			<u-navbar title="订单详情" back-icon-color="#fff" :border-bottom="false" title-color="#333" :background="background"></u-navbar>
 		</view>
 		<view class="send">
 			<image src="/static/order/car.png" mode="" class="car"></image>
@@ -250,9 +250,14 @@
 </template>
 
 <script>
+	import img from "@/static/home/top.png"
 	export default {
 		data() {
 			return {
+				background: {
+					background: 'url('+	img+') center top no-repeat',
+					backgroundSize: '100% auto',
+				},
 				buyType: false,
 				sendType:false,
 				cdDia:false,
@@ -267,20 +272,6 @@
 		padding-bottom: 120rpx;
 		background-image: url('../../static/home/homeback.png');
 		background-size: 100% 100%;
-		padding-top: 128rpx;
-
-		.header {
-			left: 0;
-			right: 0;
-			margin: auto;
-			width: 112rpx;
-			height: 40rpx;
-			font-size: 28rpx;
-			font-family: PingFang SC, PingFang SC;
-			font-weight: 400;
-			color: #000000;
-			line-height: 40rpx;
-		}
 	}
 
 
diff --git a/pages/ranking/index.vue b/pages/ranking/index.vue
index e46fd8e..a1403cf 100644
--- a/pages/ranking/index.vue
+++ b/pages/ranking/index.vue
@@ -1,9 +1,9 @@
 <template>
 	<view class="newGoods">
-		<image src="/static/rank/rangkImg.png" mode="" class="bgImg"></image>
-		<view class="title">
-			排行榜
+		<view >
+			<u-navbar title="排行榜" back-icon-color="#fff" :border-bottom="false" title-color="#fff" :background="background"></u-navbar>
 		</view>
+		<image src="/static/rank/rangkImg.png" mode="" class="bgImg"></image>
 		<view class="headTitle">
 			全站热销好物
 		</view>
@@ -49,9 +49,14 @@
 </template>
 
 <script>
+	import img from "@/static/rank/rank1.png"
 	export default {
 		data() {
 			return {
+				background: {
+					background: 'url('+	img+') center top no-repeat',
+					backgroundSize: '100% auto',
+				},
 				chosed:0,
 				menuList:[
 					{
@@ -80,8 +85,6 @@
 <style lang="scss" scoped>
 	.newGoods {
 		width: 100%;
-		padding-bottom: 30rpx;
-		padding-top: 120rpx;
 		position: relative;
 		min-height:100vh ;
 		.bgImg {
@@ -93,21 +96,6 @@
 			z-index: -10;
 		}
 	}
-
-	.title {
-		margin-top: 58rpx;
-		width: 128rpx;
-		height: 44rpx;
-		font-size: 32rpx;
-		font-family: PingFang SC, PingFang SC;
-		font-weight: 500;
-		color: #fff;
-		line-height: 44rpx;
-		left: 0;
-		right: 0;
-		margin: auto;
-	}
-
 	.headTitle {
 		width: 100%;
 		text-align: center;
diff --git a/static/home/top.png b/static/home/top.png
new file mode 100644
index 0000000..410d1fb
Binary files /dev/null and b/static/home/top.png differ
diff --git a/static/member/head.png b/static/member/head.png
new file mode 100644
index 0000000..fe314f6
Binary files /dev/null and b/static/member/head.png differ
diff --git a/static/member/top.png b/static/member/top.png
new file mode 100644
index 0000000..a44e7af
Binary files /dev/null and b/static/member/top.png differ
diff --git a/static/newGoods/bot.png b/static/newGoods/bot.png
new file mode 100644
index 0000000..87d7e37
Binary files /dev/null and b/static/newGoods/bot.png differ
diff --git a/static/newGoods/top.png b/static/newGoods/top.png
new file mode 100644
index 0000000..1ca3ccd
Binary files /dev/null and b/static/newGoods/top.png differ
diff --git a/static/rank/rank1.png b/static/rank/rank1.png
new file mode 100644
index 0000000..e5cc590
Binary files /dev/null and b/static/rank/rank1.png differ