Ngx 图片库

体型小,有表演能力,有反应能力,无依赖性,易于使用 8个+ 画廊.

显示大小写 | 更改日志

安装

yarn add @daelmaak/ngx-gallery

版本

使用量

1. 将画廊导入您的组件

import { GalleryComponent } from '@daelmaak/ngx-gallery';

@Component({
  standalone: true,
  imports: [GalleryComponent],
})
export class AppComponent {}

或进入你的模块,如果你不单独使用

import { GalleryComponent } from '@daelmaak/ngx-gallery';

@NgModule({
  imports: [GalleryComponent],
})
export class AppModule {}

2. 创建图像

import { GalleryItem } from '@daelmaak/ngx-gallery';

@Component({...})
export class AppComponent {
  images: GalleryItem[] = [{ src: 'kitten1.jpg' }]
}

3. 展厅铺设

<gallery [items]="images"></gallery>

地方发展

yarn
yarn start # start demo app
yarn test