xqkeji/xq-com-xq-mask

基于Bootstrap的modal组件的遮罩层的PHP的Composer包。

Installs: 2

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 1

Forks: 0

Open Issues: 0

Language:JavaScript

v1.0.1 2024-02-19 10:14 UTC

This package is auto-updated.

Last update: 2024-12-20 15:31:02 UTC


README

基于Bootstrap5的Modal组件实现的遮罩层组件。

Install 安装

npm i xq-mask

在ts文件中引入xq-mask

import {xqMask,xqUnMask} from 'xq-mask';

或在HTML页面中通过script标签直接引入xq-mask.js文件

<script type="text/javascript" src="/xq-mask/dist/js/xq-mask.min.js"></script>

在Scss文件中引入xq-mask的scss样式

@import 'xq-mask.scss';

或在HTML页面中通过link标签直接引入xq-mask.css文件

<link rel="stylesheet" type="text/css" href="/xq-mask/dist/css/xq-mask.min.css">

1、打开遮罩层

xqMask()

2、关闭遮罩层

xqUnMask()

点击查看演示