202226701045/poem-life-app/src/app/tab4/tab4.page.html

<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title style="text-align: center;">创意坊</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <div class="content-wrapper">
    <div class="main-content">
      <div class="card-section">
        <div class="cards">
          <div class="card" (click)="goToCreate()">
            <div class="card-image" style="background-image: url('../../assets/image/05/shipian.jpg');"></div>
            <div class="card-content">
              <h4>文生文</h4>
              <p>文字的魔法，探索无限的创作可能性。</p>
            </div>
          </div>
          <div class="card" (click)="goToCreatePic()">
            <div class="card-image" style="background-image: url('../../assets/image/05/huihua.jpg');"></div>
            <div class="card-content">
              <h4>文生图</h4>
              <p>通过自然语言描述生成逼真的艺术作品。</p>
            </div>
          </div>
          <div class="card" (click)="goToCreatePicLiter()">
            <div class="card-image" style="background-image: url('https://images.unsplash.com/photo-1734389481041-fa26afc1267c?q=80&w=1771&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');" loading="lazy"></div>
            <div class="card-content">
              <h4>图生文</h4>
              <p>让图片讲述故事，为您创作独特的文字内容</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</ion-content>