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
  • 复制 复制 复制 复制 复制 复制
  •