<div class="home-container">
    <header class="header">
        <h1>Welcome to the Wonderland</h1>
    </header>

    <main class="main">
        


        <div class="container">
            <h1>今日故事</h1>
            <div class="article-list">
              <div class="article" *ngFor="let article of articles" (click)="goToArticle(article.id)">
                <h2>{{ article.title }}</h2>
                <p>{{ article.content }}</p>
              </div>
            </div>
          </div>
          
        
        

        <div class="article-form">
            <h2>发布文章</h2>
            <form (submit)="submitArticle()">
                <input type="text" name="myInput" placeholder="标题" [(ngModel)]="article.title" required>
                <textarea placeholder="内容"  name="mycon"  [(ngModel)]="article.content" required></textarea>
                <button type="submit" class="publish-button">发布</button>
            </form>
        </div>
    </main>

    <footer class="footer">
        <p>&copy; 2023 Wonderland . All rights reserved.</p>
    </footer>
</div>






