Assets静态资源
静态资源包含做示例演示时需要的大图、缩略图、封面图、svg图标、png图标、视频、音频等,点击可获取资源链接;资源存储在npm上,使用unpkg加速,可用在任何场合。
前言
为了演示功能模块,需要一些静态资源,本网的静态资源包括了:带缩略图的图片、svg图标、视频和音频。
缩略图
- 输出
- HTML
- JS
-
-
-
new ax.Masonry('#demo01',{ breakpoints:{ 'screen-xxs':{cols:2}, 'screen-xs':{cols:3}, 'screen-sm':{cols:4}, 'screen-md':{cols:5}, 'screen-lg':{cols:6}, } });
大图
- 输出
- HTML
- JS
-
-
-
new ax.Masonry('#demo02',{ breakpoints:{ 'screen-xxs':{cols:2}, 'screen-xs':{cols:3}, 'screen-sm':{cols:4}, 'screen-md':{cols:5}, 'screen-lg':{cols:6}, } });
头像
- 输出
- HTML
- JS
-
-
-
new ax.Masonry('#demo03',{ breakpoints:{ 'screen-xxs':{cols:2}, 'screen-xs':{cols:3}, 'screen-sm':{cols:4}, 'screen-md':{cols:5}, 'screen-lg':{cols:6}, } });
封面图
- 输出
- HTML
- JS
-
-
-
new ax.Masonry('#demo04',{ breakpoints:{ 'screen-xxs':{cols:2}, 'screen-xs':{cols:3}, 'screen-sm':{cols:4}, 'screen-md':{cols:5}, 'screen-lg':{cols:6}, } });
长条图
- 输出
- HTML
SVG标志
- 输出
- HTML
PNG标志
- 输出
- HTML
视频
- 输出
- HTML
- JS
-
- 复制
- 复制
- 复制
- 复制
- 复制
-
-
new ax.Masonry('#demo05',{ breakpoints:{ 'screen-xxs':{cols:2}, 'screen-xs':{cols:3}, 'screen-sm':{cols:4}, 'screen-md':{cols:5}, 'screen-lg':{cols:6}, } });
音频
- 输出
- HTML
-
复制 复制 复制 复制 复制 复制
-