增加食物主页面

.editorconfig

@@ -0,0 +1,23 @@
+# EditorConfig is awesome: <a onclick="javascript:pageTracker._trackPageview('/outgoing/EditorConfig.org');" href="http://EditorConfig.org">http://EditorConfig.org</a>
+
+# top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+end_of_line = lf
+insert_final_newline = true
+
+# Matches multiple files with brace expansion notation
+# Set default charset
+[*.{js,html,css}]
+charset = utf-8
+
+# Tab indentation (no size specified)
+[*.js]
+indent_style = tab
+tab_width = 2
+
+[*.wxml]
+indent_style = tab
+tab_width = 2

.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+    "files.associations": {
+        "*.cjson": "jsonc",
+        "*.wxss": "css",
+        "*.wxs": "javascript",
+        "*.wxml": "html"
+    }
+}

jsconfig.json

@@ -0,0 +1,6 @@
+{
+	"compilerOptions": {
+		"target": "es2015",
+		"module": "commonjs"
+	}	
+}

pages/cook/cook.wxml

@@ -1,3 +1,27 @@
 <!--pages/cook/cook.wxml-->
-<view>
+<view class='content'>
+	<view class="img" >
+		<image style="width:100%; height: 230px;" src="../images/haibao/haibao-1.jpg">
+		</image>
+	</view>
+
+	<view class="nav">
+		<view class="nav-item">
+			<view><imgage src="../images/icon/fenlei.jpg" style="width: 25px;height: 23px;"></imgage></view>	
+		  <view>菜谱分类</view>
+		</view>
+		<view class="nav-item">
+			<view><imgage src="../images/icon/shipin.jpg" style="width: 25px;height: 23px;"></imgage></view>	
+		  <view>视频</view>
+		</view>
+		<view class="nav-item">
+			<view><imgage src="../images/icon/美食.jpg" style="width: 25px;height: 23px;"></imgage></view>	
+		  <view>美食养生</view>
+		</view>
+		<view class="nav-item">
+			<view><imgage src="../images/icon/shangou.jpg" style="width: 25px;height: 23px;"></imgage></view>	
+		  <view>闪购</view>
+		</view>
+		<view class="hr"></view>
+	</view>
 </view>

pages/cook/cook.wxss

@@ -1 +1,39 @@
-/* pages/cook/cook.wxss */
+/* pages/cook/cook.wxss */
+.nav{
+    display: flex;
+    flex-direction:row;
+    text-align: center;
+}
+
+.nav-item{
+    width: 25%;
+    margin-top: 20px;
+    font-size: 12px;
+}
+
+.hr{
+    height: 15px;
+    background-color: #cccccc;
+    margin-top: 15px;
+    opacity: 0.2
+}
+
+.head {
+    display: flex;
+    flex-direction: row;
+    margin: 10px;
+    font-size: 13px;
+    color: #999999;
+}
+
+.right{
+    position: absolute;
+    right: 10px;
+    color: #ccc;
+}
+
+.hr2{
+    height: 2px;
+    background-color: #ccc;
+    opacity: 0.2
+}