feat:1

README.md

@@ -19,7 +19,7 @@
     - 在当今快节奏的生活中，寻找志同道合的玩伴变得越发困难。为解决这一难题，我们推出了全新的陪玩服务应用——你玩吗。无论您是独自一人想要寻找伙伴一起玩游戏，还是希望找到专业的陪玩人员提供高端的娱乐体验，你玩吗都能满足您的需求。论您是想要找到一群志同道合的玩伴，还是希望享受专业的陪玩服务，你玩吗都将是您的最佳选择。连接乐趣，尽享陪玩新境界，就在你玩吗！
 
 # 背景分析
-- 11111111111
+
 ## 政策背景
 > [产品简介]请您根据中国政策发展，来思考下该项目政策背景以及有哪些方面的政策支持？
 针对陪玩服务应用如“你玩吗”的项目，中国的政策背景和支持主要集中在以下几个方面：

src/app/explore-container/explore-container.component.html

@@ -1,4 +1,75 @@
-<div id="container">
-  <strong>{{ name }}</strong>
-  <p>Explore <a target="_blank" rel="noopener noreferrer" href="https://ionicframework.com/docs/components">UI Components</a></p>
-</div>
+<ion-header>
+  <ion-toolbar color="primary">
+    <ion-title>文库</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+  <!-- 首页 -->
+  <ion-grid>
+    <!-- 顶部导航 -->
+    <ion-row>
+      <ion-col>
+        <ion-segment [(ngModel)]="segment" (ionChange)="segmentChanged($event)">
+          <ion-segment-button value="online">
+            <ion-label>线上陪玩</ion-label>
+          </ion-segment-button>
+          <ion-segment-button value="offline">
+            <ion-label>线下陪玩</ion-label>
+          </ion-segment-button>
+          <ion-segment-button value="search">
+            <ion-label>搜一搜</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+      </ion-col>
+    </ion-row>
+
+    <!-- 功能区域 -->
+    <ion-row *ngIf="segment === 'online'">
+      <!-- 线上游戏类型 -->
+      <ion-col size="6" *ngFor="let game of onlineGames">
+        <ion-card>
+          <ion-card-header>
+            <ion-card-title>{{ game.name }}</ion-card-title>
+          </ion-card-header>
+        </ion-card>
+      </ion-col>
+    </ion-row>
+    <ion-row *ngIf="segment === 'offline'">
+      <!-- 线下游戏类型 -->
+      <ion-col size="6" *ngFor="let game of offlineGames">
+        <ion-card>
+          <ion-card-header>
+            <ion-card-title>{{ game.name }}</ion-card-title>
+          </ion-card-header>
+        </ion-card>
+      </ion-col>
+    </ion-row>
+
+    <!-- 陪玩类型 -->
+    <ion-row>
+      <ion-col size="6" *ngFor="let type of companionTypes">
+        <ion-chip>
+          <ion-label>{{ type }}</ion-label>
+        </ion-chip>
+      </ion-col>
+    </ion-row>
+
+    <!-- 推荐的陪玩 -->
+    <ion-row>
+      <ion-col size="12" *ngFor="let companion of recommendedCompanions">
+        <ion-card>
+          <ion-item>
+            <ion-avatar slot="start">
+              <img [src]="companion.avatar" />
+            </ion-avatar>
+            <ion-label>
+              <h2>{{ companion.name }}</h2>
+              <p>{{ companion.info }}</p>
+            </ion-label>
+          </ion-item>
+        </ion-card>
+      </ion-col>
+    </ion-row>
+  </ion-grid>
+</ion-content>