文件名称：img-focus：响应式照片库
文件大小：1.5MB
文件格式：ZIP
更新时间：2024-03-18 01:06:38
JavaScript
img-focus 响应式照相馆 一组轻量级的Web组件，用于显示未裁剪的图片。 入门 安装 通过程序包管理器安装Web组件： npm install img-focus 您也可以下载文件。 在您HTML文件中导入 。 添加以下具有相应属性的标签： img-focus标签来设置您的画廊。 画廊中每张照片的img-photo标签，可以附加内容，它将显示为照片叠加层。 srcset照片来源，它将用于显示缩略图和全屏照片（强制性，无默认值） sizes照片尺寸，它可被定义为减少网络负载（optionnal，默认值： (min-width: 50em) 15vw, 100vw ） width和height固有的照片宽度和高度，它将用于避免版式偏移（可选，无默认值） alt照片替代文字，打开照片时将显示为照片标题（可选，无默认值） < img> < img-p
【文件预览】：
img-focus-main
----.gitignore(22B)
----.htmlhintrc(656B)
----README.md(2KB)
----test()
--------setup.js(72B)
--------mocks()
--------transformers()
--------utiltest.js(4KB)
----.prettierrc(24B)
----.eslintrc(4KB)
----package.json(2KB)
----babel.config.json(101B)
----dist()
--------img-focus.js(13KB)
--------index.html(2KB)
----img-focus.png(1.33MB)
----src()
--------components()
--------model()
--------index.js(426B)
--------util()
----postcss.config.js(57B)
----jsconfig.json(231B)
----jest.config.js(679B)
----webpack.config.js(2KB)
----.stylelintrc(45B)
----package-lock.json(661KB)