Runoops Demo
Header
实例首页
自学教程
效率工具箱
源代码
外部库
0
重置
下载
上下布局
运行
<!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>
运行结果
刷新
放大
全屏
外部库
搜索并选择 CDN 库，将自动写入源代码（可再手动调整）
关闭
staticfileCDN
cloudflareCDN
添加