feat: new picture for icon & banner

myapp/src/app/tab1/tab1.page.html

@@ -51,7 +51,8 @@
       >
         <ion-card class="card-hover">
           <ion-card-content class="text-center p-4">
-            <ion-icon [name]="category.icon" class="category-icon"></ion-icon>
+            <!-- <ion-icon [name]="category.icon" class="category-icon"></ion-icon> -->
+             <img style="width:64px;border-radius: 10px;" src="/assets/icon/{{category.name}}.jpg" alt="">
             <p class="category-title">{{ category.name }}</p>
           </ion-card-content>
         </ion-card>

myapp/src/app/tab1/tab1.page.ts

@@ -19,9 +19,9 @@ export class Tab1Page implements OnInit {
     { name: '素食主义', icon: 'leaf' },
   ];
   recommendedRecipes: any[] = [
-    { id: 1, title: '香煎鸡胸肉配时蔬', image: 'https://picsum.photos/300/240?random=1', time: 30, rating: 4.8 },
-    { id: 2, title: '奶油蘑菇意面', image: 'https://picsum.photos/300/240?random=2', time: 45, rating: 4.9 },
-    { id: 3, title: '蔬菜鸡胸肉沙拉', image: 'https://picsum.photos/300/240?random=3', time: 25, rating: 4.7 },
+    { id: 1, title: '香煎鸡胸肉配时蔬', image: '/assets/food/jxr.jpg', time: 30, rating: 4.8 },
+    { id: 2, title: '奶油蘑菇意面', image: '/assets/food/nymg.jpg', time: 45, rating: 4.9 },
+    { id: 3, title: '蔬菜鸡胸肉沙拉', image: '/assets/food/jxsl.jpg', time: 25, rating: 4.7 },
   ];
 
   constructor(private router: Router, private renderer: Renderer2,private navCtrl: NavController) {}