From fca9004df1504682a369899505b5b52ca56a2af2 Mon Sep 17 00:00:00 2001
From: Ge Hao <althoughghgh@gmail.com>
Date: Fri, 14 Oct 2016 15:48:08 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=A0=B7=E5=BC=8F=E6=96=B0?=
 =?UTF-8?q?=E7=89=88=EF=BC=88navs=20=E9=83=A8=E5=88=86=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/index.js   |  6 +++++-
 pages/index/index.wxml |  9 +++++++++
 pages/index/index.wxss | 22 ++++++++++++++++++++++
 3 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/pages/index/index.js b/pages/index/index.js
index 5eb703b..0824937 100644
--- a/pages/index/index.js
+++ b/pages/index/index.js
@@ -3,7 +3,11 @@ const product = require('../../utils/product.js')
 Page({
   data: {
     items: [],
-    slides: []
+    slides: [],
+    navs: [{icon: "../../images/1.png", name: "资产"},
+           {icon: "../../images/1.png", name: "直销"},
+           {icon: "../../images/1.png", name: "严选"},
+           {icon: "../../images/1.png", name: "包装"}]
   },
 
   bindShowProduct: function (e) {
diff --git a/pages/index/index.wxml b/pages/index/index.wxml
index 03ce318..e597f18 100644
--- a/pages/index/index.wxml
+++ b/pages/index/index.wxml
@@ -10,6 +10,15 @@
       </block>
     </swiper>
 
+    <view class="navs">
+      <block wx:for-items="{{navs}}">
+        <view class="nav-item" catchtap="catchTapCategory" data-type="{{item.name}}">
+          <image src="{{item.icon}}" class="nav-image"/>
+          <text>{{item.name}}</text>
+        </view>
+      </block>
+    </view>
+
     <block wx:for="{{items}}" wx:for-item="item">
       <view class="item" bindtap="bindShowProduct" data-id="{{item.id}}">
         <view class="image">
diff --git a/pages/index/index.wxss b/pages/index/index.wxss
index b517f4f..e9971f1 100644
--- a/pages/index/index.wxss
+++ b/pages/index/index.wxss
@@ -2,6 +2,28 @@
   width: 100%;
 }
 
+.navs {
+  display: flex;
+}
+
+.nav-item {
+  width: 25%;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  padding: 20rpx;
+}
+
+.nav-item .nav-image {
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 50%;
+}
+
+.nav-item text {
+  padding-top: 20rpx;
+}
+
 .item {
   height: 270rpx;
   padding: 15rpx;