|
|
@@ -13,7 +13,8 @@
|
|
|
<ion-col size="12">
|
|
|
<ion-card>
|
|
|
<ion-card-header>
|
|
|
- 短片关于传统美德小说创作
|
|
|
+
|
|
|
+ <a href="https://ai.fmode.cn/">短片关于传统美德小说创作5</a>
|
|
|
</ion-card-header>
|
|
|
<ion-card-content>
|
|
|
<!-- 视频播放器 -->
|
|
|
@@ -93,17 +94,83 @@
|
|
|
<ion-row>
|
|
|
<ion-col size="6">
|
|
|
<ion-card (click)="onClick()">
|
|
|
- <ion-img src="assets/book1.jpg"></ion-img>
|
|
|
+ <ion-img src="assets/img/侠客江湖.jpg" style="height: 200; width: 400; "></ion-img>
|
|
|
<ion-card-header>
|
|
|
- <ion-card-title>狂野小农民</ion-card-title>
|
|
|
+ <ion-card-title>侠客江湖</ion-card-title>
|
|
|
</ion-card-header>
|
|
|
</ion-card>
|
|
|
</ion-col>
|
|
|
<ion-col size="6">
|
|
|
<ion-card>
|
|
|
- <ion-img src="assets/book2.jpg"></ion-img>
|
|
|
+ <ion-img src="assets/img/灵魂.jpg" style="height: 200; width: 400; "></ion-img>
|
|
|
<ion-card-header>
|
|
|
- <ion-card-title>斗罗大陆</ion-card-title>
|
|
|
+ <ion-card-title>每个孤独的灵魂都值得被看见</ion-card-title>
|
|
|
+ </ion-card-header>
|
|
|
+ </ion-card>
|
|
|
+ </ion-col>
|
|
|
+</ion-row>
|
|
|
+
|
|
|
+<!-- 大家都爱看社区 -->
|
|
|
+<ion-row>
|
|
|
+ <ion-col size="12">
|
|
|
+ <ion-card>
|
|
|
+ <ion-img src="assets/img/城南旧事.jpg" style="height: 200px; width: 400px;"></ion-img>
|
|
|
+ <ion-card-header>
|
|
|
+ <ion-card-title>书籍名称</ion-card-title>
|
|
|
+ <ion-card-subtitle>发布人</ion-card-subtitle>
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ <ion-label>商品价格</ion-label>
|
|
|
+ <ion-label>新旧程度</ion-label>
|
|
|
+ </ion-card-content>
|
|
|
+ </ion-card>
|
|
|
+ </ion-col>
|
|
|
+</ion-row>
|
|
|
+<!-- 排行榜 -->
|
|
|
+<ion-row>
|
|
|
+ <ion-col size="12">
|
|
|
+ <ion-card>
|
|
|
+ <ion-card-header>
|
|
|
+ <ion-card-title>排行榜</ion-card-title>
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ <!-- 排行榜内容 -->
|
|
|
+ </ion-card-content>
|
|
|
+ </ion-card>
|
|
|
+ </ion-col>
|
|
|
+</ion-row>
|
|
|
+
|
|
|
+<!-- 金刚区 -->
|
|
|
+<ion-row>
|
|
|
+ <!-- 弹性布局的一行四列金刚区按钮 -->
|
|
|
+ <ion-col size="3">
|
|
|
+ <ion-button expand="block">男生人气榜</ion-button>
|
|
|
+ </ion-col>
|
|
|
+ <ion-col size="3">
|
|
|
+ <ion-button expand="block">男生好评榜</ion-button>
|
|
|
+ </ion-col>
|
|
|
+ <ion-col size="3">
|
|
|
+ <ion-button expand="block">女生人气榜</ion-button>
|
|
|
+ </ion-col>
|
|
|
+ <ion-col size="3">
|
|
|
+ <ion-button expand="block">女生好评榜</ion-button>
|
|
|
+ </ion-col>
|
|
|
+</ion-row>
|
|
|
+<!-- 书籍名称 -->
|
|
|
+<ion-row>
|
|
|
+ <ion-col size="6">
|
|
|
+ <ion-card>
|
|
|
+ <ion-img src="assert/img/星际未来" style="height: 200; width: 400; "></ion-img>
|
|
|
+ <ion-card-header>
|
|
|
+ <ion-card-title>星际未来</ion-card-title>
|
|
|
+ </ion-card-header>
|
|
|
+ </ion-card>
|
|
|
+ </ion-col>
|
|
|
+ <ion-col size="6">
|
|
|
+ <ion-card>
|
|
|
+ <ion-img src="src/assets/img/城南旧事.webp"></ion-img>
|
|
|
+ <ion-card-header>
|
|
|
+ <ion-card-title>城南旧事</ion-card-title>
|
|
|
</ion-card-header>
|
|
|
</ion-card>
|
|
|
</ion-col>
|
