diff --git a/common/share.js b/common/share.js
new file mode 100644
index 0000000..5a1e159
--- /dev/null
+++ b/common/share.js
@@ -0,0 +1,35 @@
+export default{
+    data(){
+        return {
+           //设置默认的分享参数
+           //如果页面不设置share，就触发这个默认的分享
+            share:{
+                title:'嗨森逛',
+                path:'/pages/tabBar/home/home',
+                imageUrl:'',
+                desc:'',
+                content:''
+            }
+        }
+    },
+    onShareAppMessage(res) {
+        return {
+            title:this.share.title,
+            path:this.share.path,
+            imageUrl:this.share.imageUrl,
+            desc:this.share.desc,
+            content:this.share.content,
+            success(res){
+                uni.showToast({
+                    title:'分享成功'
+                })
+            },
+            fail(res){
+                uni.showToast({
+                    title:'分享失败',
+                    icon:'none'
+                })
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/components/zc-grid-item/zc-grid-item.vue b/components/zc-grid-item/zc-grid-item.vue
new file mode 100644
index 0000000..1180be7
--- /dev/null
+++ b/components/zc-grid-item/zc-grid-item.vue
@@ -0,0 +1,145 @@
+<template>
+	<view v-if="width" class="uni-grid-item">
+		<view :class="{ 'uni-grid-item--border': showBorder, 'uni-grid-item__box-square': square, 'uni-grid-item--border-top': showBorder && index < column, 'uni-highlight': highlight }"
+		 :style="{  'border-right-color': borderColor ,'border-bottom-color': borderColor ,'border-top-color': borderColor }"
+		 class="uni-grid-item__box" @click="_onClick">
+			<view class="uni-grid-item__box-item" :class="{'uni-grid-item__box-item-square': square}">
+				<slot />
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'UniGridItem',
+		inject: ['grid'],
+		data() {
+			return {
+				column: 0,
+				showBorder: true,
+				square: true,
+				highlight: true,
+				left: 0,
+				top: 0,
+				index: 0,
+				openNum: 2,
+				width: 0,
+				borderColor: '#e5e5e5'
+			}
+		},
+		created() {
+			this.column = this.grid.column
+			this.showBorder = this.grid.showBorder
+			this.square = this.grid.square
+			this.highlight = this.grid.highlight
+			this.top = this.hor === 0 ? this.grid.hor : this.hor
+			this.left = this.ver === 0 ? this.grid.ver : this.ver
+			this.borderColor = this.grid.borderColor
+			this.index = this.grid.index++
+			this.grid.children.push(this)
+		},
+		methods: {
+			_onClick() {
+				// console.log('点击', this.index);
+				this.grid.change({
+					detail: {
+						index: this.index
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.uni-grid-item {
+		/* #ifndef APP-NVUE */
+		height: 100%;
+		/* #endif */
+		width: 168rpx;
+	}
+
+	.uni-grid-item__box {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex: 1;
+		position: relative;
+		flex-direction: row;
+		align-items: center;
+/* 		margin-top: 9rpx;
+		margin-right: 17rpx;
+		margin-bottom: 9rpx;
+		margin-left: 17rpx; */
+		/* #ifdef APP-NVUE */
+		justify-content: center;
+
+		/* #endif */
+	}
+
+	.uni-grid-item__box-item {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		width: 100%;
+		/* #endif */
+		position: relative;
+		flex: 1;
+		justify-content: center;
+		flex-direction: column;
+		align-items: center;
+		width: 152rpx;
+		height: 146rpx;
+/* 		padding-top: 10rpx;
+		padding-right: 23rpx;
+		padding-bottom: 10rpx;
+		padding-left: 23rpx; */
+		border-radius: 1rpx;
+		/* padding: 15px 0; */
+	}
+
+	.uni-grid-item__box-item-square {
+		position: absolute;
+		top: 0;
+		bottom: 0;
+	}
+
+	.uni-grid-item--image {
+		width: 25px;
+		height: 25px;
+	}
+
+	.uni-grid-item--text {
+		font-size: 24px;
+		margin-top: 5px;
+	}
+
+	.uni-grid-item__box-square {
+		height: 0;
+		padding-top: 100%;
+	}
+
+	.uni-grid-item--border {
+		position: relative;
+		border-bottom-color: #e5e5e5;
+		border-bottom-style: solid;
+		border-bottom-width: 1px;
+		border-right-color: #e5e5e5;
+		border-right-style: solid;
+		border-right-width: 1px;
+	}
+
+	.uni-grid-item--border-top {
+		border-top-color: #e5e5e5;
+		border-top-style: solid;
+		border-top-width: 1px;
+		/* #ifndef APP-NVUE */
+		height: 100%;
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.uni-highlight:active {
+		background-color: #f1f1f1;
+	}
+</style>
diff --git a/components/zc-grid-wrap/zc-grid-wrap.vue b/components/zc-grid-wrap/zc-grid-wrap.vue
new file mode 100644
index 0000000..39dd864
--- /dev/null
+++ b/components/zc-grid-wrap/zc-grid-wrap.vue
@@ -0,0 +1,129 @@
+<template>
+	<view class="uni-grid-wrap">
+		<view :id="elId" ref="uni-grid" class="uni-grid" :class="{ 'uni-grid--border': showBorder }" :style="{ 'border-left-style':'solid','border-left-color':borderColor, 'border-left-width':showBorder?'1px':0 }">
+			<slot />
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const dom = weex.requireModule('dom');
+	// #endif
+	export default {
+		name: 'UniGrid',
+		props: {
+			// 每列显示个数
+			column: {
+				type: Number,
+				default: 3
+			},
+			// 是否显示边框
+			showBorder: {
+				type: Boolean,
+				default: true
+			},
+			// 边框颜色
+			borderColor: {
+				type: String,
+				default: '#e5e5e5'
+			},
+			// 全局标记水平方向移动距离 ，起点为中心，负数为左移动，正数为右移动
+			hor: {
+				type: Number,
+				default: 0
+			},
+			// 全局标记垂直方向移动距离 ，起点为中心，负数为上移动，正数为下移动
+			ver: {
+				type: Number,
+				default: 0
+			},
+			// 是否正方形显示,默认为 true
+			square: {
+				type: Boolean,
+				default: true
+			},
+			highlight: {
+				type: Boolean,
+				default: true
+			}
+		},
+		provide() {
+			return {
+				grid: this
+			}
+		},
+		data() {
+			const elId = `Uni_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			return {
+				index: 0,
+				elId,
+				width: 0
+			}
+		},
+		created() {
+			this.children = []
+			this.index = 0
+		},
+		mounted() {
+			setTimeout(() => {
+				this._getSize((width) => {
+					this.children.forEach((item, index) => {
+						item.width = width
+					})
+				})
+			}, 50)
+		},
+		methods: {
+			change(e) {
+				this.$emit('change', e)
+			},
+			_getSize(fn) {
+				// #ifndef APP-NVUE
+				uni.createSelectorQuery()
+					.in(this)
+					.select(`#${this.elId}`)
+					.boundingClientRect()
+					.exec(ret => {
+						this.width = parseInt(ret[0].width / this.column) - 1 + 'px'
+						fn(this.width)
+					})
+				// #endif
+				// #ifdef APP-NVUE
+				dom.getComponentRect(this.$refs['uni-grid'], (ret) => {
+					this.width = parseInt(ret.size.width / this.column) - 1 + 'px'
+					fn(this.width)
+				})
+				// #endif
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.uni-grid-wrap {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex: 1;
+		flex-direction: column;
+		/* #ifdef H5 */
+		width: 100%;
+		/* #endif */
+	}
+
+	.uni-grid {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		flex-wrap: wrap;
+	}
+
+	.uni-grid--border {
+		border-left-color: #e5e5e5;
+		border-left-style: solid;
+		border-left-width: 1px;
+	}
+</style>
\ No newline at end of file
diff --git a/components/zc-grid/zc-grid.vue b/components/zc-grid/zc-grid.vue
new file mode 100644
index 0000000..74e6100
--- /dev/null
+++ b/components/zc-grid/zc-grid.vue
@@ -0,0 +1,205 @@
+<template>
+	<view class="warp">
+		<view class="example-body">
+			<uni-grid  :show-border="false" :square="false" :highlight="false" @change="change">
+				<uni-grid-item :hor="0" :ver="0" marker="badge" type="error" style="width: 25%;text-align: center;" text="12" v-for="item in list" :key="item.id">
+					<image class="image" :src="item.url" mode="aspectFill" @click="webTo" />
+					<text class="text">{{item.text}}</text>
+				</uni-grid-item>
+			</uni-grid>
+		</view>
+	</view>
+</template>
+
+<script>
+	import uniGrid from '@/components/zc-grid-wrap/zc-grid-wrap.vue'
+	import uniGridItem from '@/components/zc-grid-item/zc-grid-item.vue'
+	export default {
+		components: {
+			uniGrid,
+			uniGridItem
+		},
+		props:{
+			list:{
+				type:Array,
+				default:function () {
+					return []
+				}
+			}
+		},
+		data() {
+			return {
+				// list: [{
+				// 		url: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/cbd.jpg',
+				// 		text: 'Grid 1'
+				// 	},
+				// 	{
+				// 		url: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/muwu.jpg',
+				// 		text: 'Grid 2'
+				// 	},
+				// 	{
+				// 		url: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/cbd.jpg',
+				// 		text: 'Grid 3'
+				// 	},
+				// 	{
+				// 		url: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/muwu.jpg',
+				// 		text: 'Grid 4'
+				// 	},
+				// 	{
+				// 		url: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/cbd.jpg',
+				// 		text: 'Grid 5'
+				// 	},
+				// 	{
+				// 		url: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/muwu.jpg',
+				// 		text: 'Grid 6'
+				// 	},
+				// 	{
+				// 		url: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/cbd.jpg',
+				// 		text: 'Grid 7'
+				// 	},
+				// 	{
+				// 		url: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/muwu.jpg',
+				// 		text: 'Grid 8'
+				// 	},
+				// 	{
+				// 		url: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/cbd.jpg',
+				// 		text: 'Grid 9'
+				// 	}
+				// ]
+			}
+		},
+		methods: {
+			change(e) {
+				let {
+					index
+				} = e.detail
+				console.log(index)
+			},
+			webTo() {
+				this.$emit('goTo')
+			}
+		}
+	}
+</script>
+
+<style>
+	/* 头条小程序组件内不能引入字体 */
+	/* #ifdef MP-TOUTIAO */
+	@font-face {
+		font-family: uniicons;
+		font-weight: normal;
+		font-style: normal;
+		src: url('~@/static/uni.ttf') format('truetype');
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+	page {
+		display: flex;
+		flex-direction: column;
+		box-sizing: border-box;
+		background-color: #efeff4;
+		min-height: 100%;
+		height: auto;
+	}
+
+	view {
+		font-size: 28rpx;
+		line-height: inherit;
+	}
+
+	.example {
+		padding: 0 30rpx 30rpx;
+	}
+
+	.example-info {
+		padding: 30rpx;
+		color: #3b4144;
+		background: #ffffff;
+	}
+
+	.example-body {
+		text-align: center;
+		flex-direction: row;
+		flex-wrap: wrap;
+		justify-content: center;
+		padding: 0;
+		font-size: 14rpx;
+		background-color: #ffffff;
+	}
+
+	/* #endif */
+	.example {
+		padding: 0 30rpx;
+	}
+
+	.example-info {
+		/* #ifndef APP-NVUE */
+		display: block;
+		/* #endif */
+		padding: 30rpx;
+		color: #3b4144;
+		background-color: #ffffff;
+		font-size: 30rpx;
+	}
+
+	.example-info-text {
+		font-size: 28rpx;
+		line-height: 36rpx;
+	}
+
+
+	.example-body {
+		flex-direction: column;
+		padding: 0rpx;
+		padding-bottom: 10px;
+		background-color: #ffffff;
+	}
+
+	.word-btn-white {
+		font-size: 18px;
+		color: #FFFFFF;
+	}
+
+	.word-btn {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		border-radius: 6px;
+		height: 48px;
+		margin: 15px;
+		background-color: #007AFF;
+	}
+
+	.word-btn--hover {
+		background-color: #4ca2ff;
+	}
+
+
+	.image {
+		width: 80rpx;
+		height: 80rpx;
+		margin-bottom: 20rpx;
+		border-radius: 10rpx;
+	}
+
+	.text {
+		font-size: 26rpx;
+		line-height: 26rpx;
+		width: 104rpx;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		color: #3A3C40;
+	}
+
+	.example-body {
+		/* #ifndef APP-NVUE */
+		display: block;
+		/* #endif */
+	}
+</style>
diff --git a/main.js b/main.js
index d090f90..5266c88 100644
--- a/main.js
+++ b/main.js
@@ -1,12 +1,13 @@
 import Vue from 'vue'
 import App from './App'
-// import api from './Utils/Api.js'
 import {VueJsonp} from 'vue-jsonp'
+import share from 'common/share.js'
+import imgGrid from './components/zc-grid/zc-grid.vue'
 Vue.config.productionTip = false
-// Vue.prototype.api = api;
 Vue.use(VueJsonp)
 App.mpType = 'app'
-
+Vue.mixin(share)
+ Vue.component('imgGrid',imgGrid)
 const app = new Vue({
     ...App
 })
diff --git a/pages.json b/pages.json
index e1aaa9c..cbd1ede 100644
--- a/pages.json
+++ b/pages.json
@@ -5,6 +5,9 @@
 			"style": {
 				"navigationBarTextStyle": "black",
 				// "enablePullDownRefresh": true,
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
+				"navigationBarTextStyle": "white",
 				"onReachBottomDistance": 50,
 				"app-plus": {
 					"titleNView": false, //禁用原生导航栏
@@ -20,6 +23,9 @@
 		{
 			"path": "pages/goods/store-list/store-list",
 			"style": {
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
+				"navigationBarTextStyle": "white",
 				"navigationBarTitleText": "门店列表",
 				"enablePullDownRefresh": false
 			}
@@ -29,6 +35,9 @@
 			"path": "pages/tabBar/category/category",
 			"style": {
 				"navigationBarTextStyle": "black",
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
+				"navigationBarTextStyle": "white",
 				"app-plus": {
 					"titleNView": false, //禁用原生导航栏
 					"bounce": "none"
@@ -41,6 +50,9 @@
 			"style": {
 				"enablePullDownRefresh": true,
 				"navigationBarTextStyle": "black",
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
+				"navigationBarTextStyle": "white",
 				"app-plus": {
 					"titleNView": false, //禁用原生导航栏
 					"softinputNavBar": "none",
@@ -57,8 +69,8 @@
 			"style": {
 				"enablePullDownRefresh": true,
 				"backgroundTextStyle": "light",
-				"navigationBarBackgroundColor": "#f06c7a",
-				"backgroundColorTop": "#f06c7a",
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
 				"navigationBarTextStyle": "white",
 				"app-plus": {
 					"titleNView": false, //禁用原生导航栏
@@ -74,6 +86,9 @@
 			"path": "pages/goods/goods-list/goods-list",
 			"style": {
 				"navigationBarTitleText": "",
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
+				"navigationBarTextStyle": "white",
 				"enablePullDownRefresh": true,
 				"app-plus": {
 					"bounce": "none"
@@ -84,6 +99,9 @@
 			"path": "pages/goods/HM-search/HM-search",
 			"style": {
 				"navigationBarTitleText": "搜索",
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
+				"navigationBarTextStyle": "white",
 				"app-plus": {
 					"softinputNavBar": "none"
 				}
@@ -93,7 +111,9 @@
 			"path": "pages/goods/goods",
 			"style": {
 				"navigationBarTitleText": "",
-				"navigationBarBackgroundColor": "#f1f1f1",
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
+				"navigationBarTextStyle": "white",
 				"onReachBottomDistance": 50,
 				"h5": {
 					"titleNView": false
@@ -107,7 +127,8 @@
 		{
 			"path": "pages/login/login",
 			"style": {
-				"navigationBarBackgroundColor": "#f06c7a",
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
 				"navigationBarTextStyle": "white",
 				"app-plus": {
 					"bounce": "none", //关闭窗口回弹效果
@@ -119,7 +140,8 @@
 			"path": "pages/login/register",
 			"style": {
 				"navigationBarTitleText": "手机号登录",
-				"navigationBarBackgroundColor": "#f06c7a",
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
 				"navigationBarTextStyle": "white",
 				"app-plus": {
 					"bounce": "none", //关闭窗口回弹效果
@@ -131,7 +153,8 @@
 			"path": "pages/login/resetpasswd",
 			"style": {
 				"navigationBarTitleText": "修改密码",
-				"navigationBarBackgroundColor": "#f06c7a",
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
 				"navigationBarTextStyle": "white",
 				"app-plus": {
 					"bounce": "none", //关闭窗口回弹效果
@@ -142,20 +165,27 @@
 			"path": "pages/order/confirmation",
 			"style": {
 				"navigationBarTitleText": "确认订单",
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
+				"navigationBarTextStyle": "white",
 				"softinputNavBar": "none"
 			}
 		}, {
 			"path": "pages/user/setting/setting",
 			"style": {
-				"navigationBarBackgroundColor": "#f8f8f8",
 				"navigationBarTitleText": "我的设置",
-				"backgroundColorTop": "#ffffff",
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
+				"navigationBarTextStyle": "white",
 				"backgroundColorBottom": "#f3f3f3"
 			}
 		}, {
 			"path": "pages/user/myQR/myQR",
 			"style": {
 				"navigationBarTitleText": "我的二维码",
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
+				"navigationBarTextStyle": "white",
 				"app-plus": {
 					"bounce": "none"
 				}
@@ -165,14 +195,15 @@
 			"style": {
 				"enablePullDownRefresh": true,
 				"navigationBarTitleText": "消息列表",
-				"navigationBarBackgroundColor": "#f06c7a",
+				"navigationBarBackgroundColor": "#0083f5",
 				"navigationBarTextStyle": "white"
 			}
 		}, {
 			"path": "pages/user/coupon/coupon",
 			"style": {
 				"navigationBarTitleText": "优惠券",
-				"navigationBarBackgroundColor": "#f06c7a",
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
 				"navigationBarTextStyle": "white",
 				"app-plus": {
 					"bounce": "none"
@@ -182,8 +213,8 @@
 			"path": "pages/user/keep/keep",
 			"style": {
 				"navigationBarTitleText": "我的收藏",
-				"navigationBarBackgroundColor": "#f06c7a",
-				"navigationBarTextStyle": "white",
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
 				"app-plus": {
 					"bounce": "none"
 				}
@@ -272,7 +303,7 @@
 			"path": "pages/user/order_details/order_details",
 			"style": {
 				// "navigationBarTitleText": "订单详情",
-				"navigationBarBackgroundColor": "#f06c7a",
+				"navigationBarBackgroundColor": "#0083f5",
 				"navigationBarTextStyle": "white",
 				"enablePullDownRefresh": false
 			}
@@ -323,8 +354,8 @@
 			"style": {
 				"navigationBarTitleText": "",
 				"backgroundTextStyle": "light",
-				"navigationBarBackgroundColor": "#f06c7a",
-				"backgroundColorTop": "#f06c7a",
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
 				"navigationBarTextStyle": "white"
 			}
 		},
@@ -334,8 +365,8 @@
 				"enablePullDownRefresh": false,
 				"navigationBarTitleText": "",
 				"backgroundTextStyle": "light",
-				"navigationBarBackgroundColor": "#f06c7a",
-				"backgroundColorTop": "#f06c7a",
+				"navigationBarBackgroundColor": "#0083f5",
+				"backgroundColorTop": "#0083f5",
 				"navigationBarTextStyle": "white"
 			}
 
@@ -361,7 +392,7 @@
 	},
 	"tabBar": {
 		"color": "#333333",
-		"selectedColor": "#f06c7a",
+		"selectedColor": "#0083f5",
 		"borderStyle": "black",
 		"backgroundColor": "#ffffff",
 		"list": [{
diff --git a/pages/tabBar/home/home.vue b/pages/tabBar/home/home.vue
index b9cde28..d4f6903 100644
--- a/pages/tabBar/home/home.vue
+++ b/pages/tabBar/home/home.vue
@@ -29,6 +29,7 @@
 		<!-- 占位 -->
 		<view v-if="showHeader" class="place"></view>
 		<!-- 轮播图 -->
+		<view class="height90 backcor008 viewbor"></view>
 		<view class="swiper">
 			<view class="swiper-box">
 				<swiper circular="true" autoplay="true" @change="swiperChange">
@@ -42,12 +43,40 @@
 				</view>
 			</view>
 		</view>
+		<!-- /菜单 -->
+		<view class="height60 backcorfff"></view>
+		<imgGrid :list="imgList"></imgGrid>
+		
+		<!-- 赠券 -->
+		<view style="width: 91%;margin-left: 5%;">
+			<image class="mart30 width100" mode="widthFix" src="../../../static/img/headzq.png"></image>
+		</view>
+		<swiper v-if="list&&list.length>0" class="orange-content" :display-multiple-items="4" next-margin="'50rpx'">
+			<swiper-item class="swiper-hed" v-for="(item,index) in list" :key="index">
+				<view class="swiper-item" @tap="tapList" :data-id="item.id" :data-index="index" style="height:80px;">
+					<image class="img" :src="item.img" style="border-Radius:10rpx;}" mode="aspectFill"></image>
+					<view class="subject fotct">{{item.subject}}</view>
+				</view>
+			</swiper-item>
+		</swiper>
+		
+		<!-- 金币 -->
+		<view></view>
+		<swiper v-if="list&&list.length>0" class="orange-content" :display-multiple-items="4" next-margin="'50rpx'">
+			<swiper-item class="swiper-hed" v-for="(item,index) in list" :key="index">
+				<view class="swiper-item" @tap="tapList" :data-id="item.id" :data-index="index" style="height:80px;">
+					<image class="img" :src="item.img" style="border-Radius:10rpx;}" mode="aspectFill"></image>
+					<view class="subject fotct">{{item.subject}}</view>
+				</view>
+			</swiper-item>
+		</swiper>
+		
 		<!-- 广告图 -->
 		<!-- <view class="banner" @click="tao">
 			<image src="/static/img/banner.jpg"></image>
 		</view> -->
 		<!-- 商品列表 -->
-		<view class="goods-list">
+		<!-- 	<view class="goods-list">
 			<view class="title">
 				<image src="/static/img/hua.png"></image>
 				赠券专区
@@ -70,9 +99,8 @@
 					</view>
 				</view>
 			</view>
-			<!-- <view class="loading-text">{{ loadingText }}</view> -->
-		</view>
-
+		</view> -->
+		<!-- 
 		<view class="goods-list">
 			<view class="title">
 				<image src="/static/img/hua.png"></image>
@@ -103,8 +131,7 @@
 					</view>
 				</view>
 			</view>
-			<!-- <view class="loading-text">{{ loadingText }}</view> -->
-		</view>
+		</view> -->
 
 	</view>
 </template>
@@ -148,29 +175,57 @@
 				loadingText: '正在加载...',
 				pageNum: 1,
 				pageSize: 6,
+				imgList: [{
+						url: '/static/img/wxpay.png',
+						text: '美食'
+					},
+					{
+						url: '/static/img/wxpay.png',
+						text: '加油'
+					},
+					{
+						url: '/static/img/wxpay.png',
+						text: '美食'
+					},
+					{
+						url: '/static/img/wxpay.png',
+						text: '美食'
+					}
+				],
+				list: [{
+						id: 1,
+						img: '/static/img/wenj.png',
+						subject: '104'
+					},
+					{
+						id: 1,
+						img: '/static/img/wenj.png',
+						subject: '123'
+					},
+					{
+						id: 1,
+						img: '/static/img/wenj.png',
+						subject: '112'
+					},
+					{
+						id: 1,
+						img: '/static/img/wenj.png',
+						subject: '221'
+					},
+					{
+						id: 1,
+						img: '/static/img/wenj.png',
+						subject: '343'
+					},
+					{
+						id: 1,
+						img: '/static/img/wenj.png',
+						subject: '123'
+					}
+				]
 			};
 		},
-		onPageScroll(e) {
-			//兼容iOS端下拉时顶部漂移
-			// this.headerPosition = e.scrollTop >= 0 ? "fixed" : "absolute";
-			// this.headerTop = e.scrollTop >= 0 ? null : 0;
-			// this.statusTop = e.scrollTop >= 0 ? null : -this.statusHeight + 'px';
-		},
-		//下拉刷新，需要自己在page.json文件中配置开启页面下拉刷新 "enablePullDownRefresh": true
-		onPullDownRefresh() {
-			// setTimeout(function() {
-			// 	uni.stopPullDownRefresh();
-			// }, 1000);
-		},
-		//上拉加载，需要自己在page.json文件中配置"onReachBottomDistance"
-		onReachBottom() {
 
-		},
-
-
-		authColse() {
-
-		},
 		onShow() {
 			// #ifdef H5
 			var arr1 = window.location.href;
@@ -178,7 +233,7 @@
 			if (!app.globalData.userInfo && arr2[1] != undefined && arr2[2] == '2#/') {
 				this.getH5UserInfo(arr2[1]);
 			}
-		
+
 			if (app.globalData.userInfo && arr2[1] != undefined && arr2[2] == '1#/') {
 				this.getH5AccessToken(arr2[1]);
 			}
@@ -306,8 +361,8 @@
 						uni.setStorage({
 							key: "openId",
 							data: res.return_data
-							.object
-							.highUser.openIdH5
+								.object
+								.highUser.openIdH5
 						})
 						app.globalData.openId = res.return_data
 							.object
@@ -406,45 +461,6 @@
 					}
 				});
 			},
-
-			//消息列表
-			toMsg() {
-				// uni.navigateTo({
-				// 	url: '../../msg/msg'
-				// })
-				// uni.showToast({
-				// 	title: '暂未开通',
-				// 	icon: 'none'
-				// });
-			},
-			//搜索跳转
-			toSearch() {
-				uni.navigateTo({
-					url: '../../goods/HM-search/HM-search'
-				})
-				// uni.showToast({ title: '建议跳转到新页面做搜索功能' });
-			},
-			//轮播图跳转
-			toSwiper(e) {
-				// uni.showToast({
-				// 	title: e.src,
-				// 	icon: 'none'
-				// });
-				uni.reLaunch({
-					url: '../category/category'
-				})
-			},
-
-			//商品跳转
-			toGoods(e) {
-				// uni.showToast({
-				// 	title: '商品' + e.goods_id,
-				// 	icon: 'none'
-				// });
-				uni.navigateTo({
-					url: '../../goods/goods?id=' + e
-				});
-			},
 			//轮播图指示器
 			swiperChange(event) {
 				this.currentSwiper = event.detail.current;
@@ -455,7 +471,7 @@
 <style lang="scss">
 	page {
 		position: relative;
-		background-color: #fff;
+		background-color: #FFFFFF;
 	}
 
 	@font-face {
@@ -503,9 +519,9 @@
 		display: flex;
 		align-items: center;
 		position: fixed;
+		background-color: #0083f5;
 		top: 0;
 		z-index: 10;
-		background-color: #fff;
 
 		/*  #ifdef  APP-PLUS  */
 		top: var(--status-bar-height);
@@ -518,6 +534,7 @@
 			display: flex;
 			align-items: center;
 			font-size: 28upx;
+			color: #FFFFFF;
 
 			.icon {
 				height: 60upx;
@@ -584,15 +601,21 @@
 		/*  #endif  */
 	}
 
+	.viewbor {
+		border-radius: 0px 0px 10px 10px;
+		position: relative;
+	}
+
 	.swiper {
 		width: 100%;
-		margin-top: 10upx;
 		display: flex;
 		justify-content: center;
+		position: absolute;
+		top: 60px;
 
 		.swiper-box {
 			width: 92%;
-			height: 150px;
+			height: 130px;
 			overflow: hidden;
 			border-radius: 15upx;
 			box-shadow: 0upx 8upx 25upx rgba(0, 0, 0, 0.2);
@@ -602,12 +625,12 @@
 
 			swiper {
 				width: 100%;
-				height: 150px;
+				height: 130px;
 
 				swiper-item {
 					image {
 						width: 100%;
-						height: 150px;
+						height: 130px;
 					}
 				}
 			}
@@ -861,4 +884,70 @@
 			}
 		}
 	}
+
+	//赠券专区
+	.orange-wrap {
+		position: relative;
+		box-sizing: border-box;
+	}
+	.orange-title {
+		display: flex;
+		justify-content: space-between;
+		margin-bottom: 20rpx;
+		padding-right: 30rpx;
+	}
+
+	.orange-title .al {
+		font-weight: 700;
+		font-size: 34rpx;
+	}
+
+	.orange-title .ar {
+		font-size: 28rpx;
+		color: #777;
+		position: relative;
+		top: 10rpx;
+
+	}
+
+	.orange-content {
+		height: 110px;
+		width: 90%;
+		margin-left: 5%;
+		border: 2px solid #ff5836;
+		margin-top: -4px;
+		background-color: white;
+	}
+
+	.swiper-hed {
+		width: 28%;
+	}
+
+	.orange-content .swiper-item {
+		height: 140rpx;
+		margin-left: 14rpx;
+		margin-top: 14rpx;
+	}
+
+	.orange-content .swiper-item .img {
+		width: 100%;
+		height: 100%;
+	}
+
+	.orange-content .swiper-item .subject {
+		font-size: 26rpx;
+		width: 100%;
+		color: #ff5836;
+	}
+
+	.lookmore {
+		background-color: #e2e2e2;
+		text-align: center;
+		line-height: 140rpx;
+	}
+
+	.lookmore .moretext {
+		color: #777;
+		font-size: 28rpx;
+	}
 </style>
diff --git a/static/img/headzq.png b/static/img/headzq.png
new file mode 100644
index 0000000..ca8809f
Binary files /dev/null and b/static/img/headzq.png differ
diff --git a/uni.scss b/uni.scss
index 4198567..977cef0 100644
--- a/uni.scss
+++ b/uni.scss
@@ -225,7 +225,11 @@ $uni-font-size-paragraph:30upx;
 .backcorf06{
 	background-color: #f06c7a;
 }
-
+
+.backcor008{
+	background-color: #0083f5;
+}
+
 
 .backcor89 {
   background-color: #089bf5;