news

app/app-detail.component.css

@@ -22,4 +22,16 @@ progress {
 
 .carousel-inner img {
     width: 100%;
+}
+
+#news h3 {
+    font-size: 1.5rem;
+}
+#news p {
+    margin-bottom: 0;
+}
+
+#news a {
+    display: block;
+    margin-bottom: 1rem;
 }
\ No newline at end of file

app/app-detail.component.html

@@ -33,7 +33,7 @@
     </div>
 </div>-->
 
-<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+<!--<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
     <ol class="carousel-indicators">
         <li *ngFor="let item of news; let index = index;" data-target="#carousel-example-generic" [data-slide-to]="index" [class.active]="index == 0"></li>
     </ol>
@@ -54,10 +54,14 @@
         <span class="icon-next" aria-hidden="true"></span>
         <span class="sr-only">Next</span>
     </a>
-</div>
+</div>-->
 
 
-<br>
+<div id="news" *ngFor="let item of news">
+    <h3>{{item.title}}</h3>
+    <p>{{item.text}}</p>
+    <a *ngIf="item.url" [href]="item.url">了解更多</a>
+</div>
 
 <div *ngIf="friends">
     <h2>好友</h2>

app/ygopro.component.html

@@ -33,7 +33,7 @@
                 <label>选择对手</label>
                 <div id="windbot" class="list-group">
                     <a *ngFor="let name of windbot" href="#" class="list-group-item"
-                       onclick="join_windbot(name)">{{name}}</a>
+                       (click)="join_windbot(name)">{{name}}</a>
                 </div>
             </div>
             <div class="modal-footer">

app/ygopro.component.ts

@@ -133,7 +133,7 @@ export class YGOProComponent {
     };
 
     join_windbot(name) {
-        this.join(name, this.servers[0])
+        this.join('AI#'+name, this.servers[0])
     }
 
     start_game = (args) => {