外观

app/app-detail.component.css

 :host {
-    background-color: #c3d9ff;
+    /*background-color: #c3d9ff;*/
     flex-grow: 1;
     overflow-y: auto;
     padding: 1rem;

app/apps.component.css

 :host {
-    background-color: darkslategray;
+    /*background-color: darkslategray;*/
 
     width: 280px;
 
     flex-shrink: 0;
+    overflow-y: auto;
 }
 
 .list-group-item {

app/apps.component.html

@@ -12,5 +12,4 @@
     >
         {{app.name[app.locales[0]]}}
     </a>
-    <a href="#" class="list-group-item list-group-item-action disabled">{{routingService.app}}</a>
 </div>
\ No newline at end of file

app/candy.component.html

-Candy
-
+{{routingService.app}}
\ No newline at end of file

app/candy.component.ts

 import { Component } from '@angular/core';
+import {RoutingService} from "./routing.service";
 @Component({
     selector: 'candy',
     templateUrl: 'app/candy.component.html',
     styleUrls: ['app/candy.component.css'],
 })
-export class CandyComponent { }
+export class CandyComponent {
+    constructor(private routingService: RoutingService){}
+}

app/community.component.html

-community
\ No newline at end of file

app/mycard.component.html

@@ -68,4 +68,5 @@
 <login class="page" [hidden]="routingService.component != 'login'"></login>
 <store class="page" [hidden]="routingService.component != 'store'"></store>
 <lobby class="page" [hidden]="routingService.component != 'lobby'"></lobby>
-<community class="page" [hidden]="routingService.component != 'community'"></community>
+<webview id="community" class="page" [hidden]="routingService.component != 'community'"
+         src="https://ygobbs.com"></webview>
\ No newline at end of file

app/mycard.module.ts

-import { NgModule }      from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { HttpModule }    from '@angular/http';
+import {NgModule, NO_ERRORS_SCHEMA}      from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+import {HttpModule}    from '@angular/http';
 
-import { MyCardComponent }  from './mycard.component';
-import { LoginComponent } from './login.component';
-import { StoreComponent } from './store.component';
-import { LobbyComponent } from './lobby.component';
-import { AppsComponent } from './apps.component';
-import { AppDetailComponent } from './app-detail.component';
-import { RosterComponent } from './roster.component';
-import { CandyComponent } from './candy.component';
-import { CommunityComponent } from './community.component';
-
-import { RoutingService } from './routing.service';
-import { AppsService } from './apps.service';
-import { AppService } from './app.service';
+import {MyCardComponent}  from './mycard.component';
+import {LoginComponent} from './login.component';
+import {StoreComponent} from './store.component';
+import {LobbyComponent} from './lobby.component';
+import {AppsComponent} from './apps.component';
+import {AppDetailComponent} from './app-detail.component';
+import {RosterComponent} from './roster.component';
+import {CandyComponent} from './candy.component';
+import {CommunityComponent} from './community.component';
 
+import {RoutingService} from './routing.service';
+import {AppsService} from './apps.service';
+import {AppService} from './app.service';
 
 @NgModule({
-  imports:      [ BrowserModule,HttpModule ],
-  declarations: [ MyCardComponent, LoginComponent, StoreComponent, LobbyComponent, CommunityComponent, AppsComponent, AppDetailComponent, RosterComponent, CandyComponent ],
-  bootstrap:    [ MyCardComponent ],
-  providers:    [ RoutingService, AppsService, AppService ],
+    imports: [BrowserModule, HttpModule],
+    declarations: [MyCardComponent, LoginComponent, StoreComponent, LobbyComponent, CommunityComponent, AppsComponent, AppDetailComponent, RosterComponent, CandyComponent],
+    bootstrap: [MyCardComponent],
+    providers: [RoutingService, AppsService, AppService],
+    schemas: [NO_ERRORS_SCHEMA]
 })
-export class MyCard { }
+export class MyCard {
\ No newline at end of file
+}
\ No newline at end of file

apps.json

 [
   {
     "id": "th105",
-    "name":
-    {
+    "name": {
       "zh-CN": "东方绯想天"
     },
     "description": {
@@ -22,9 +21,12 @@
       }
     },
     "references": {},
-    "locales": ["zh-CN"],
+    "locales": [
+      "zh-CN"
+    ],
     "download": "",
-    "news": [{
+    "news": [
+      {
         "title": "News Title",
         "url": "#",
         "image": "http://www.myacg.cc/wp-content/uploads/2000/01/newBanner51.jpg"
@@ -35,16 +37,17 @@
         "image": "http://www.myacg.cc/wp-content/uploads/2000/01/newBanner51.jpg"
       }
     ],
-    "tags": ["game"],
+    "tags": [
+      "game"
+    ],
     "local": {
       "path": "",
       "version": ""
     }
   },
   {
-    "id": "th12",
-    "name":
-    {
+    "id": "th11",
+    "name": {
       "zh-CN": "地灵殿"
     },
     "description": {
@@ -79,20 +82,22 @@
         }
       ]
     },
-    "locales": ["zh-CN"],
+    "locales": [
+      "zh-CN"
+    ],
     "download": "",
     "news": [],
-    "tags": ["STG"],
+    "tags": [
+      "STG"
+    ],
     "local": {
       "path": "/foo/bar",
       "version": "10.3"
     }
   },
-
   {
     "id": "th12_mod1",
-    "name":
-    {
+    "name": {
       "zh-CN": "th12_mod1"
     },
     "description": {
@@ -112,20 +117,22 @@
       }
     },
     "references": {},
-    "locales": ["zh-CN"],
+    "locales": [
+      "zh-CN"
+    ],
     "download": "",
     "news": [],
-    "tags": ["STG"],
+    "tags": [
+      "STG"
+    ],
     "local": {
       "path": "/foo/bar",
       "version": "10.3"
     }
   },
-
   {
     "id": "th12_mod2",
-    "name":
-    {
+    "name": {
       "zh-CN": "th12_mod2"
     },
     "description": {
@@ -145,13 +152,339 @@
       }
     },
     "references": {},
-    "locales": ["zh-CN"],
+    "locales": [
+      "zh-CN"
+    ],
     "download": "",
     "news": [],
-    "tags": ["STG"],
+    "tags": [
+      "STG"
+    ],
     "local": {
       "path": "/foo/bar",
       "version": "10.3"
     }
+  },
+  {
+    "id": "th06",
+    "name": {
+      "zh-CN": "东方绯想天"
+    },
+    "description": {
+      "zh-CN": "fxt desc"
+    },
+    "author": "ZUN",
+    "homepage": "http://www.myacg.cc",
+    "category": "game",
+    "actions": {
+      "darwin": {
+        "main": {
+          "execute": "",
+          "args": [],
+          "env": "",
+          "open": ""
+        }
+      }
+    },
+    "references": {},
+    "locales": [
+      "zh-CN"
+    ],
+    "download": "",
+    "news": [
+      {
+        "title": "News Title",
+        "url": "#",
+        "image": "http://www.myacg.cc/wp-content/uploads/2000/01/newBanner51.jpg"
+      },
+      {
+        "title": "News Title",
+        "url": "#",
+        "image": "http://www.myacg.cc/wp-content/uploads/2000/01/newBanner51.jpg"
+      }
+    ],
+    "tags": [
+      "game"
+    ],
+    "local": {
+      "path": "",
+      "version": ""
+    }
+  },
+  {
+    "id": "th07",
+    "name": {
+      "zh-CN": "东方绯想天"
+    },
+    "description": {
+      "zh-CN": "fxt desc"
+    },
+    "author": "ZUN",
+    "homepage": "http://www.myacg.cc",
+    "category": "game",
+    "actions": {
+      "darwin": {
+        "main": {
+          "execute": "",
+          "args": [],
+          "env": "",
+          "open": ""
+        }
+      }
+    },
+    "references": {},
+    "locales": [
+      "zh-CN"
+    ],
+    "download": "",
+    "news": [
+      {
+        "title": "News Title",
+        "url": "#",
+        "image": "http://www.myacg.cc/wp-content/uploads/2000/01/newBanner51.jpg"
+      },
+      {
+        "title": "News Title",
+        "url": "#",
+        "image": "http://www.myacg.cc/wp-content/uploads/2000/01/newBanner51.jpg"
+      }
+    ],
+    "tags": [
+      "game"
+    ],
+    "local": {
+      "path": "",
+      "version": ""
+    }
+  },
+  {
+    "id": "th08",
+    "name": {
+      "zh-CN": "东方绯想天"
+    },
+    "description": {
+      "zh-CN": "fxt desc"
+    },
+    "author": "ZUN",
+    "homepage": "http://www.myacg.cc",
+    "category": "game",
+    "actions": {
+      "darwin": {
+        "main": {
+          "execute": "",
+          "args": [],
+          "env": "",
+          "open": ""
+        }
+      }
+    },
+    "references": {},
+    "locales": [
+      "zh-CN"
+    ],
+    "download": "",
+    "news": [
+      {
+        "title": "News Title",
+        "url": "#",
+        "image": "http://www.myacg.cc/wp-content/uploads/2000/01/newBanner51.jpg"
+      },
+      {
+        "title": "News Title",
+        "url": "#",
+        "image": "http://www.myacg.cc/wp-content/uploads/2000/01/newBanner51.jpg"
+      }
+    ],
+    "tags": [
+      "game"
+    ],
+    "local": {
+      "path": "",
+      "version": ""
+    }
+  },
+  {
+    "id": "th09",
+    "name": {
+      "zh-CN": "东方绯想天"
+    },
+    "description": {
+      "zh-CN": "fxt desc"
+    },
+    "author": "ZUN",
+    "homepage": "http://www.myacg.cc",
+    "category": "game",
+    "actions": {
+      "darwin": {
+        "main": {
+          "execute": "",
+          "args": [],
+          "env": "",
+          "open": ""
+        }
+      }
+    },
+    "references": {},
+    "locales": [
+      "zh-CN"
+    ],
+    "download": "",
+    "news": [
+      {
+        "title": "News Title",
+        "url": "#",
+        "image": "http://www.myacg.cc/wp-content/uploads/2000/01/newBanner51.jpg"
+      },
+      {
+        "title": "News Title",
+        "url": "#",
+        "image": "http://www.myacg.cc/wp-content/uploads/2000/01/newBanner51.jpg"
+      }
+    ],
+    "tags": [
+      "game"
+    ],
+    "local": {
+      "path": "",
+      "version": ""
+    }
+  },
+  {
+    "id": "th10",
+    "name": {
+      "zh-CN": "东方绯想天"
+    },
+    "description": {
+      "zh-CN": "fxt desc"
+    },
+    "author": "ZUN",
+    "homepage": "http://www.myacg.cc",
+    "category": "game",
+    "actions": {
+      "darwin": {
+        "main": {
+          "execute": "",
+          "args": [],
+          "env": "",
+          "open": ""
+        }
+      }
+    },
+    "references": {},
+    "locales": [
+      "zh-CN"
+    ],
+    "download": "",
+    "news": [
+      {
+        "title": "News Title",
+        "url": "#",
+        "image": "http://www.myacg.cc/wp-content/uploads/2000/01/newBanner51.jpg"
+      },
+      {
+        "title": "News Title",
+        "url": "#",
+        "image": "http://www.myacg.cc/wp-content/uploads/2000/01/newBanner51.jpg"
+      }
+    ],
+    "tags": [
+      "game"
+    ],
+    "local": {
+      "path": "",
+      "version": ""
+    }
+  },
+  {
+    "id": "th12",
+    "name": {
+      "zh-CN": "东方绯想天"
+    },
+    "description": {
+      "zh-CN": "fxt desc"
+    },
+    "author": "ZUN",
+    "homepage": "http://www.myacg.cc",
+    "category": "game",
+    "actions": {
+      "darwin": {
+        "main": {
+          "execute": "",
+          "args": [],
+          "env": "",
+          "open": ""
+        }
+      }
+    },
+    "references": {},
+    "locales": [
+      "zh-CN"
+    ],
+    "download": "",
+    "news": [
+      {
+        "title": "News Title",
+        "url": "#",
+        "image": "http://www.myacg.cc/wp-content/uploads/2000/01/newBanner51.jpg"
+      },
+      {
+        "title": "News Title",
+        "url": "#",
+        "image": "http://www.myacg.cc/wp-content/uploads/2000/01/newBanner51.jpg"
+      }
+    ],
+    "tags": [
+      "game"
+    ],
+    "local": {
+      "path": "",
+      "version": ""
+    }
+  },
+  {
+    "id": "th13",
+    "name": {
+      "zh-CN": "东方绯想天"
+    },
+    "description": {
+      "zh-CN": "fxt desc"
+    },
+    "author": "ZUN",
+    "homepage": "http://www.myacg.cc",
+    "category": "game",
+    "actions": {
+      "darwin": {
+        "main": {
+          "execute": "",
+          "args": [],
+          "env": "",
+          "open": ""
+        }
+      }
+    },
+    "references": {},
+    "locales": [
+      "zh-CN"
+    ],
+    "download": "",
+    "news": [
+      {
+        "title": "News Title",
+        "url": "#",
+        "image": "http://www.myacg.cc/wp-content/uploads/2000/01/newBanner51.jpg"
+      },
+      {
+        "title": "News Title",
+        "url": "#",
+        "image": "http://www.myacg.cc/wp-content/uploads/2000/01/newBanner51.jpg"
+      }
+    ],
+    "tags": [
+      "game"
+    ],
+    "local": {
+      "path": "",
+      "version": ""
+    }
   }
 ]
\ No newline at end of file