34 lines
910 B
HTML
34 lines
910 B
HTML
<div>
|
|
<h1>popup</h1>
|
|
<hr />
|
|
<p>
|
|
创建弹出窗口。
|
|
</p>
|
|
<hr />
|
|
<h2>示例</h2>
|
|
<div id="popup-sample">
|
|
<button id="button-popup">Popup</button>
|
|
</div>
|
|
<script type="text/javascript">
|
|
const ui = window['lib-ui'];
|
|
|
|
document.querySelector('#button-popup').addEventListener('click', () => {
|
|
const popup = ui.createPopup('title', 'content',
|
|
{
|
|
text: 'Loading', trigger: p => {
|
|
p.loading = true;
|
|
setTimeout(() => p.loading = false, 1000);
|
|
return false;
|
|
}
|
|
},
|
|
{ text: 'OK' });
|
|
popup.show();
|
|
});
|
|
</script>
|
|
<style type="text/css">
|
|
:root {
|
|
--title-bg-color: lightgray;
|
|
--title-color: #333;
|
|
}
|
|
</style>
|
|
</div> |