完成首页逻辑及UI

package.json

@@ -17,7 +17,8 @@
   "license": "MIT",
   "dependencies": {
     "@wepy/core": "^2.0.0-alpha.9",
-    "miniprogram-slide-view": "0.0.3"
+    "miniprogram-slide-view": "0.0.3",
+    "wepy-async-function": "^1.4.7"
   },
   "devDependencies": {
     "@wepy/cli": "^2.0.0-alpha.20",

project.config.json

@@ -7,10 +7,49 @@
 		"minified": false
 	},
 	"compileType": "miniprogram",
-	"appid": "wx1cd266053e0941ea",
+	"appid": "wxe14508f78c680461",
 	"projectname": "douban-mini-program",
 	"miniprogramRoot": "weapp/",
 	"simulatorType": "wechat",
 	"simulatorPluginLibVersion": {},
-	"condition": {}
+	"condition": {
+		"search": {
+			"current": -1,
+			"list": []
+		},
+		"conversation": {
+			"current": -1,
+			"list": []
+		},
+		"plugin": {
+			"current": -1,
+			"list": []
+		},
+		"game": {
+			"list": []
+		},
+		"gamePlugin": {
+			"current": -1,
+			"list": []
+		},
+		"miniprogram": {
+			"current": -1,
+			"list": [
+				{
+					"id": -1,
+					"name": "登录页",
+					"pathName": "pages/index",
+					"query": "",
+					"scene": null
+				},
+				{
+					"id": 1,
+					"name": "首页",
+					"pathName": "pages/home/home",
+					"query": "",
+					"scene": null
+				}
+			]
+		}
+	}
 }

src/app.json

@@ -0,0 +1,24 @@
+{
+  "pages": ["pages/index"],
+  "permission": {
+    "scope.userLocation": {
+      "desc": "你的位置信息将用于小程序位置接口获取城市参数"
+    }
+  },
+  "subpackages": [
+    {
+      "root": "pages/home",
+      "name": "首页",
+      "pages": [
+        "home"
+      ]
+    }
+  ],
+  "window": {
+    "navigationStyle": "default",
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#ffffff",
+    "navigationBarTitleText": "weChat",
+    "navigationBarTextStyle": "black"
+  }
+}

src/app.wpy

@@ -1,12 +1,5 @@
 <style lang="less">
-.container {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-  box-sizing: border-box;
-}
+
 </style>
 
 <script>
@@ -52,16 +45,4 @@ wepy.app({
   }
 });
 </script>
-<config>
-{
-    pages: [
-      'pages/index'
-    ],
-    window: {
-      backgroundTextStyle: 'light',
-      navigationBarBackgroundColor: '#fff',
-      navigationBarTitleText: 'WeChat',
-      navigationBarTextStyle: 'black'
-    }
-}
-</config>
+<config src="./app.json"></config>

src/assets/css/home.less

@@ -0,0 +1,102 @@
+.home-container {
+  .header-wrapper {
+    background-color: #42BD55;
+    height: 100rpx;
+    display: flex;
+    align-items: center;
+    padding: 0 20rpx;
+    .search-wrapper {
+      background-color: white;
+      width: 100%;
+      height: 50rpx;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border-radius: 10rpx;
+      font-size: 24rpx;
+      font-weight: 400;
+      color: #C6C6C6;
+      image {
+        width: 32rpx;
+        height: 32rpx;
+        margin-right: 10rpx;
+      }
+    }
+  }
+  .group {
+    height: 386rpx;
+    margin-bottom: 10rpx;
+    .group-header {
+      padding: 0 35rpx;
+      height: 90rpx;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-size: 28rpx;
+      margin-bottom: 4rpx;
+      .title {
+        font-weight: bold;
+      }
+      .more {
+        color: #42BD55;
+        display: flex;
+        align-items: center;
+        .arrow {
+          border: 2rpx solid #42BD55;
+          border-left: none;
+          border-bottom: none;
+          width: 10rpx;
+          height: 10rpx;
+          transform: rotate(45deg);
+          margin-left: 5rpx;
+        }
+      }
+    }
+    .collectionView {
+      // display: flex;
+      // flex-direction: row;
+      // justify-content: flex-start;
+      // overflow-x: auto;
+      white-space: nowrap;
+      .cell {
+        margin-left: 30rpx;
+        display: inline-block;
+        width: 160rpx;
+        .item-icon {
+          width: 100%;
+          height: 210rpx;
+          border-radius: 6rpx;
+        }
+        .item-title {
+          font-size: 24rpx;
+          font-weight: bold;
+          margin-top: 4rpx;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+        .item-scoreWrapper {
+          display: flex;
+          justify-content: flex-start;
+          align-items: center;
+          color: #A6A6A6;
+          font-size: 20rpx;
+          image {
+            width: 20rpx;
+            height: 20rpx;
+          }
+          .item-score {
+            margin-left: 4rpx;
+          }
+        }
+        .item-noScore {
+          font-size: 20rpx;
+          color: #A6A6A6;
+        }
+        &.cell:last-of-type {
+          margin-right: 30rpx;
+        }
+      }
+    }
+  }
+}