web3-books/src/app/tab3/tab3.page.html

<ion-header>
  <ion-toolbar>
    <ion-title>颜如玉个人中心</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <!-- 个人资料部分 -->
  <ion-grid>
    <ion-row>
      <ion-col>
        <ion-avatar>
            <img src="https://www.keaitupian.cn/cjpic/frombd/0/253/17551321/2476952379.jpg" alt="Placeholder Image">

        </ion-avatar>
      </ion-col>
      <ion-col>
        <h2>用户名:</h2>
        <p>关注数:</p >
        <p>粉丝数:</p >
      </ion-col>
    </ion-row>
  </ion-grid>

  <!-- 内容推荐 -->
  <ion-grid>
    <ion-row>
      <ion-col>
        <h3>作家推荐：刘慈欣</h3>
        <img src="https://img2.jiemian.com/101/original/20160711/146820264092749000_a700x398.jpg" alt="Placeholder Image">

        <p>作家简介：刘慈欣是中国当代科幻小说的主要代表作家，被誉为中国科幻文学的领军人物。</p >
      </ion-col>
      <ion-col>
        <h3>精选好书：三体</h3>
        <img src="https://tse2-mm.cn.bing.net/th/id/OIP-C.TkVx9LbPKBzdM0nk22yAjwHaHa?rs=1&pid=ImgDetMain" alt="Placeholder Image">

        <p>书籍简介：作品讲述了地球人类文明和三体文明的信息交流、生死搏杀及两个文明在宇宙中的兴衰历程。</p >
      </ion-col>
      <!-- 更多内容推荐 -->
    </ion-row>
  </ion-grid>

  <!-- 功能快捷入口 -->
  <ion-grid>
    <ion-row>
      <ion-col>
        <ion-button>我的下载</ion-button>
      </ion-col>
      <ion-col>
        <ion-button (click)="goUrl()">设置中心</ion-button>
      </ion-col>
      <ion-col>
        <ion-button>创作中心</ion-button>
      </ion-col>
      <!-- 更多功能入口 -->
    </ion-row>
  </ion-grid>

  <!-- 互动元素 -->
  <ion-grid>
    <ion-row>
      <ion-col>
        <ion-button>阅读偏好</ion-button>
      </ion-col>
      <ion-col>
        <ion-button>笔记书摘</ion-button>
      </ion-col>
      <ion-col>
        <ion-button>看过的人</ion-button>
      </ion-col>
      <!-- 更多互动元素 -->
    </ion-row>
  </ion-grid>
</ion-content>