javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(): add test template

Browse Source
This commit is contained in:
Liam DeBeasi
2023-07-13 13:17:31 -04:00
parent 7bf778449d
commit 4ce530a387
1 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
core/src/components/refresher/test/basic/index.html
View File

@@ -12,17 +12,31 @@
<script src="../../../../../scripts/testing/scripts.js"></script>
<script nomodule src="../../../../../dist/ionic/ionic.js"></script>
<script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
<style>
ion-content {
--background: linear-gradient(to right, orange, yellow, green, cyan, blue, violet);
}
ion-toolbar {
--background: transparent;
--color: white;
}
ion-list {
background: rgba(255, 255, 255, 0.8) !important;
}
</style>
</head>
<body>
<ion-app>
<ion-header>
<ion-header class="ion-no-border">
<ion-toolbar>
<ion-title>Pull To Refresh</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-content fullscreen="true">
<ion-refresher id="refresher" slot="fixed">
<ion-refresher-content
pulling-icon="arrow-down-outline"
@@ -33,7 +47,7 @@
</ion-refresher-content>
</ion-refresher>
<ion-list id="list"></ion-list>
<div id="list"></div>
</ion-content>
</ion-app>
<ion-menu-controller></ion-menu-controller>
@@ -59,7 +73,7 @@
function render() {
let html = '';
for (let item of items) {
html += `<ion-item button>${item}</ion-item>`;
html += `<ion-card><ion-card-content>${item}</ion-card-content></ion-card>`;
}
list.innerHTML = html;
}