add repo page

uniquexiaobai · Oct 11, 2016 · 8943727 · 8943727
1 parent 157322c
commit 8943727
Show file tree

Hide file tree

Showing 6 changed files with 100 additions and 10 deletions.
diff --git a/app.json b/app.json
@@ -5,13 +5,15 @@
     "pages/famous/famous",
     "pages/me/me",
     "pages/settings/settings",
-    "pages/auth/onboard/onboard"
+    "pages/auth/onboard/onboard",
+    "pages/repo/repo"
   ],
   "window":{
     "backgroundTextStyle":"light",
     "navigationBarBackgroundColor": "#fff",
     "navigationBarTitleText": "wx-github-feed",
-    "navigationBarTextStyle":"black"
+    "navigationBarTextStyle":"white",
+    "navigationBarBackgroundColor": "#4078C0"
   },
   "tabBar": {
     "color": "#9A9A9A",

diff --git a/pages/explore/explore.wxml b/pages/explore/explore.wxml
@@ -15,14 +15,16 @@
     </picker>
     <scroll-view scroll-y="true" class="scroll_view" bindscrolltoupper="refreshData">
       <block wx:for="{{items}}">
-        <view class="row repo_item">
-          <image class="avatar" mode="aspectFit" src="{{item.owner.avatar_url}}"></image>
-          <view class="repo_item_center">
-            <text class="full_name">{{item.full_name}}</text>
-            <text class="language">{{item.language ? item.language : ''}}</text>
+        <navigator url="../repo/repo?repo_full_name={{item.full_name}}">
+          <view class="row repo_item">
+            <image class="avatar" mode="aspectFit" src="{{item.owner.avatar_url}}"></image>
+            <view class="repo_item_center">
+              <text class="full_name">{{item.full_name}}</text>
+              <text class="language">{{item.language ? item.language : ''}}</text>
+            </view>
+            <view class="stargazers_count">{{item.stargazers_count}}</view>
           </view>
-          <view class="stargazers_count">{{item.stargazers_count}}</view>
-        </view>
+        </navigator>
       </block>
     </scroll-view>
   </view>

diff --git a/pages/index/index.wxml b/pages/index/index.wxml
@@ -14,7 +14,9 @@
         </view>
         <view class="row received_event_bottom">
           <text class="action_type">{{item.type}}</text>
-          <view class="action_repo">{{item.repo.name}}</view>
+          <navigator url="../repo/repo?repo_full_name={{item.repo.name}}">
+            <view class="action_repo">{{item.repo.name}}</view>
+          </navigator>
         </view>
       </view>
     </block>

diff --git a/pages/repo/repo.js b/pages/repo/repo.js
@@ -0,0 +1,35 @@
+const services = require('../../utils/services.js');
+
+Page({
+  data: {
+    loading_hidden: true
+  },
+
+  onLoad (options) {
+    this.setData({
+      repo_full_name: options.repo_full_name,
+      loading_hidden: false
+    });
+    this.fetchRepoData(this._reloadUrl());
+  },
+
+  _reloadUrl () {
+    const basic_url = 'https://api.github.com/repos/';
+    return basic_url + this.data.repo_full_name;
+  },
+
+  fetchRepoData (url) {
+    services.fetch(url).then(res => {
+      this.setData({
+        repo: res.data,
+        loading_hidden: true
+      });
+    });
+  },
+
+  onReady () {
+    wx.setNavigationBarTitle({
+      title: this.data.repo_full_name
+    });
+  }
+});
diff --git a/pages/repo/repo.wxml b/pages/repo/repo.wxml
@@ -0,0 +1,22 @@
+<view class="container col">
+  <loading hidden="{{loading_hidden}}">
+    玩命加载中...
+  </loading>
+  <view class="repo">
+    <view class="row repo_top">
+      <view class="row align_center repo_top_item">
+        <image class="avatar" mode="aspectFit" src="{{repo.owner.avatar_url}}"></image>
+        <view class="owner_name">{{repo.owner.login}}</view>
+      </view>
+      <view class="row align_center repo_top_item">
+        <view class="watch">Watch</view>
+        <view class="watch_number">{{repo.subscribers_count}}</view>
+      </view>
+      <view class="row align_center repo_top_item">
+        <view class="watch">Star</view>
+        <view class="watch_number">{{repo.watchers_count}}</view>
+      </view>
+    </view>
+    <view class="repo_desc">{{repo.description}}</view>
+  </view>
+</view>
diff --git a/pages/repo/repo.wxss b/pages/repo/repo.wxss
@@ -0,0 +1,27 @@
+.container {
+  height: 100%;
+}
+.repo_top {
+  justify-content: space-between;
+  padding: 5rpx;
+  border-bottom: 1rpx solid #CCC;
+}
+.repo_top_item {
+}
+.avatar {
+  width: 50rpx;
+  height: 50rpx;
+  margin-right: 10rpx;
+}
+.owner_name {
+  font-size: 20rpx;
+}
+.watch {
+  font-size: 20rpx;
+  background: #EDEDED;
+  margin-right: 10rpx;
+  padding: 5rpx;
+}
+.watch_number {
+  font-size: 20rpx;
+}