文件名称:angular-width-query:根据元素的宽度将HTML类应用于元素
文件大小:26KB
文件格式:ZIP
更新时间:2024-05-24 18:26:49
JavaScript
AngularWidthQuery AngularWidthQuery是一组指令,可根据容器元素的宽度将HTML类应用于元素。 它的创建是为了支持容器元素的流畅布局,因为它的宽度由于UI中其他面板的打开和关闭而改变。 在容器元素的宽度决定布局而不是屏幕宽度的情况下,它不需要CSS媒体查询。 目录 特征 少于4K。 CSS过渡和动画感知。 可自定义的指令名称。 与CommonJS,AMD和非模块构建环境兼容。 安装 要安装软件包: npm install angular-width-query 要求包装: var widthQueryDirective = require ( "angular-width-query" ) ; 例子 理解AngularWidthQuery的最简单方法是浏览一个快速示例,该示例创建由6个大小相等的部分组成的流体布局。 以小宽度堆叠这些部分。 在
【文件预览】:
angular-width-query-master
----.eslintrc(4KB)
----.jsbeautifyrc(614B)
----package.json(1KB)
----run.js(2KB)
----.csslintrc(84B)
----LICENSE(1KB)
----dist()
--------widthQueryDirective.js(12KB)
--------widthQueryDirective.min.js(4KB)
----src()
--------app.css(88B)
--------utilities()
--------index.html(312B)
--------views()
--------directives()
--------app.js(995B)
----.gitignore(15B)
----webpack.config.js(3KB)
----BUILD.md(300B)
----CHANGELOG.md(199B)
----karma.conf.js(3KB)
----README.md(7KB)