|
@@ -56,45 +56,99 @@
|
|
|
|
|
|
|
|
|
|
|
|
- <!-- 卡片1 -->
|
|
|
- <ion-card>
|
|
|
- <ion-card-header>
|
|
|
- 常用工具
|
|
|
- </ion-card-header>
|
|
|
- <ion-card-content>
|
|
|
- <ion-button expand="block" color="primary" (click)="backupAlbum()">
|
|
|
- <ion-icon name="images"></ion-icon>
|
|
|
- 相册备份
|
|
|
- </ion-button>
|
|
|
- <ion-button expand="block" color="primary" (click)="backupContacts()">
|
|
|
- <ion-icon name="people"></ion-icon>
|
|
|
- 通讯录备份
|
|
|
- </ion-button>
|
|
|
- <ion-button expand="block" color="primary" (click)="restoreFiles()">
|
|
|
- <ion-icon name="document"></ion-icon>
|
|
|
- 文件恢复
|
|
|
- </ion-button>
|
|
|
- </ion-card-content>
|
|
|
- </ion-card>
|
|
|
+<!-- 卡片1 -->
|
|
|
+<ion-card>
|
|
|
+ <ion-card-header>
|
|
|
+ 常用工具
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ <ion-row>
|
|
|
+ <ion-col size="4">
|
|
|
+ <ion-button expand="block" color="primary" (click)="backupAlbum()" class="vertical-button">
|
|
|
+ <div class="icon-container">
|
|
|
+ <ion-icon name="images" class="large-icon"></ion-icon>
|
|
|
+ </div>
|
|
|
+ <div class="text-container">相册备份</div>
|
|
|
+ </ion-button>
|
|
|
+ </ion-col>
|
|
|
+ <ion-col size="4">
|
|
|
+ <ion-button expand="block" color="primary" (click)="backupContacts()" class="vertical-button">
|
|
|
+ <div class="icon-container">
|
|
|
+ <ion-icon name="people" class="large-icon"></ion-icon>
|
|
|
+ </div>
|
|
|
+ <div class="text-container">通讯录备份</div>
|
|
|
+ </ion-button>
|
|
|
+ </ion-col>
|
|
|
+ <ion-col size="4">
|
|
|
+ <ion-button expand="block" color="primary" (click)="restoreFiles()" class="vertical-button">
|
|
|
+ <div class="icon-container">
|
|
|
+ <ion-icon name="document" class="large-icon"></ion-icon>
|
|
|
+ </div>
|
|
|
+ <div class="text-container">文件恢复</div>
|
|
|
+ </ion-button>
|
|
|
+ </ion-col>
|
|
|
+ </ion-row>
|
|
|
+ </ion-card-content>
|
|
|
+</ion-card>
|
|
|
+
|
|
|
+<!-- 卡片2 -->
|
|
|
+<ion-card>
|
|
|
+ <ion-card-header>
|
|
|
+ 热门工具
|
|
|
+ </ion-card-header>
|
|
|
+ <ion-card-content>
|
|
|
+ <ion-row>
|
|
|
+ <ion-col size="4">
|
|
|
+ <ion-button expand="block" color="secondary" (click)="cleanFiles()" class="vertical-button">
|
|
|
+ <div class="icon-container">
|
|
|
+ <ion-icon name="trash" class="large-icon"></ion-icon>
|
|
|
+ </div>
|
|
|
+ <div class="text-container">文件清理</div>
|
|
|
+ </ion-button>
|
|
|
+ </ion-col>
|
|
|
+ <ion-col size="4">
|
|
|
+ <ion-button expand="block" color="secondary" (click)="scanDocuments()" class="vertical-button">
|
|
|
+ <div class="icon-container">
|
|
|
+ <ion-icon name="scan" class="large-icon"></ion-icon>
|
|
|
+ </div>
|
|
|
+ <div class="text-container">文档扫码</div>
|
|
|
+ </ion-button>
|
|
|
+ </ion-col>
|
|
|
+ <ion-col size="4">
|
|
|
+ <ion-button expand="block" color="secondary" (click)="recognizeText()" class="vertical-button">
|
|
|
+ <div class="icon-container">
|
|
|
+ <ion-icon name="text" class="large-icon"></ion-icon>
|
|
|
+ </div>
|
|
|
+ <div class="text-container">文字识别</div>
|
|
|
+ </ion-button>
|
|
|
+ </ion-col>
|
|
|
+ </ion-row>
|
|
|
+ </ion-card-content>
|
|
|
+</ion-card>
|
|
|
|
|
|
- <!-- 卡片2 -->
|
|
|
+ <!-- 新增卡片 -->
|
|
|
<ion-card>
|
|
|
<ion-card-header>
|
|
|
- 热门工具
|
|
|
+ 图片展示
|
|
|
</ion-card-header>
|
|
|
<ion-card-content>
|
|
|
- <ion-button expand="block" color="secondary" (click)="cleanFiles()">
|
|
|
- <ion-icon name="trash"></ion-icon>
|
|
|
- 文件清理
|
|
|
- </ion-button>
|
|
|
- <ion-button expand="block" color="secondary" (click)="scanDocuments()">
|
|
|
- <ion-icon name="scan"></ion-icon>
|
|
|
- 文档扫码
|
|
|
- </ion-button>
|
|
|
- <ion-button expand="block" color="secondary" (click)="recognizeText()">
|
|
|
- <ion-icon name="text"></ion-icon>
|
|
|
- 文字识别
|
|
|
- </ion-button>
|
|
|
+ <ion-grid>
|
|
|
+ <ion-row>
|
|
|
+ <ion-col size="6">
|
|
|
+ <img src="assets/img/p1.png" style="width: 100%;"/>
|
|
|
+ </ion-col>
|
|
|
+ <ion-col size="6">
|
|
|
+ <ion-row>
|
|
|
+ <ion-col size="12">
|
|
|
+ <img src="assets/img/p2.png" style="width: 100%;"/>
|
|
|
+ </ion-col>
|
|
|
+ <ion-col size="12">
|
|
|
+ <img src="assets/img/p3.png" style="width: 100%;"/>
|
|
|
+ </ion-col>
|
|
|
+ </ion-row>
|
|
|
+ </ion-col>
|
|
|
+ </ion-row>
|
|
|
+ </ion-grid>
|
|
|
</ion-card-content>
|
|
|
</ion-card>
|
|
|
|