PHPackages                             xqkeji/xq-com-xq-mask - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility &amp; Helpers](/categories/utility)
4. /
5. xqkeji/xq-com-xq-mask

ActiveLibrary[Utility &amp; Helpers](/categories/utility)

xqkeji/xq-com-xq-mask
=====================

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

v1.0.1(2y ago)02SSPL-1.0JavaScript

Since Feb 19Pushed 2y ago1 watchersCompare

[ Source](https://github.com/xqkeji/xq-com-xq-mask)[ Packagist](https://packagist.org/packages/xqkeji/xq-com-xq-mask)[ RSS](/packages/xqkeji-xq-com-xq-mask/feed)WikiDiscussions main Synced 3d ago

READMEChangelogDependencies (1)Versions (2)Used By (0)

xq-mask
=======

[](#xq-mask)

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

Install 安装
----------

[](#install-安装)

```
npm i xq-mask
```

在ts文件中引入xq-mask

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

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

```

```

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

```
@import 'xq-mask.scss';
```

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

```

```

1、打开遮罩层

```
xqMask()
```

2、关闭遮罩层

```
xqUnMask()
```

[点击查看演示](https://www.xqkeji.cn/demo/xq-mask/)
---------------------------------------------

[](#点击查看演示)

###  Health Score

19

—

LowBetter than 9% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity2

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity42

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

867d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/8099848?v=4)[xqkeji](/maintainers/xqkeji)[@xqkeji](https://github.com/xqkeji)

---

Top Contributors

[![xqkeji](https://avatars.githubusercontent.com/u/8099848?v=4)](https://github.com/xqkeji "xqkeji (1 commits)")

### Embed Badge

![Health badge](/badges/xqkeji-xq-com-xq-mask/health.svg)

```
[![Health](https://phpackages.com/badges/xqkeji-xq-com-xq-mask/health.svg)](https://phpackages.com/packages/xqkeji-xq-com-xq-mask)
```

###  Alternatives

[rickysu/phpsocket.io

a socket.io php server side alternative

1722.5k](/packages/rickysu-phpsocketio)[f9webltd/laravel-redirect-response-macros

Some useful redirect response macros for your Laravel application

212.6k](/packages/f9webltd-laravel-redirect-response-macros)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
