实例首页
自学教程
IT工具箱
源代码：
下载代码
点击运行
<!DOCTYPE html> <html lang="en" class="plt-iphone plt-ios plt-mobile plt-mobileweb ios hydrated" mode="ios"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Header</title> <script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.js"></script> <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@7/dist/ionic/ionic.esm.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@7/css/ionic.bundle.css" /> </head> <body> <ion-content class="ion-padding"> <h1>Content</h1> </ion-content> <ion-footer> <ion-toolbar> <ion-title>Footer</ion-title> </ion-toolbar> </ion-footer> </body> </html>
运行结果