@55hudong/modal
Advanced tools
html结构参考bootstrap的modal组件，结合生产用运用到的功能，封装成了一个单独的组件。 内部只包含基础的css样式，实际应用中需要自行添加。
将build/Modal.js引入到html文件即可。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<!-- modal示例 -->
<div class="modal modal-test animated">
<div class="modal-mask"></div>
<div class="modal-dialog">
<div class="modal-foot">
<br><br><br><br>
<button class="btn-ok uk-button uk-button-primary">确认</button>
<button class="btn-cancel uk-button">取消</button>
</div>
</div>
</div>
<script src="/build/Modal.js"></script>
<script>
let modal = new Modal(".modal-test");
modal.ok(function(){
console.log("点击了确认按钮");
return new Promise((resolve) => {
setTimeout(() => {
resolve();
}, 2000)
});
}).cancel(function(){
console.log("点击了取消按钮");
})
modal.show();
</script>
</body>
</html>
# 使用npm
npm install --save @55hudong/modal
# 使用yarn
yarn add @55hudong/modal
import Modal from "@55hudong/modal";
let modal = new Modal(".modal-test");
modal.ok(function(){
console.log("点击了确认按钮");
return new Promise((resolve) => {
setTimeout(() => {
resolve();
}, 2000)
});
}).cancel(function(){
console.log("点击了取消按钮");
})
modal.show();
import * as Modal from "@55hudong/modal";
let modal = new Modal(".modal-test");
modal.ok(function(){
console.log("点击了确认按钮");
return new Promise((resolve) => {
setTimeout(() => {
resolve();
}, 2000)
});
}).cancel(function(){
console.log("点击了取消按钮");
})
modal.show();
FAQs
test
The npm package @55hudong/modal receives a total of 2 weekly downloads. As such, @55hudong/modal popularity was classified as not popular.
We found that @55hudong/modal demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
OpenSSF has published OSPS Baseline, an initiative designed to establish a minimum set of security-related best practices for open source software projects.
Security News
Michigan TypeScript founder Dimitri Mitropoulos implements WebAssembly runtime in TypeScript types, enabling Doom to run after processing 177 terabytes of type definitions.
Security News
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.