Commit d8253ac84cffa3215a1d7bbc5f46cfa8b8e89b19
1 parent
bf3f696433
Exists in
master
and in
1 other branch
Creado componente carousel.
Showing
4 changed files
with
68 additions
and
0 deletions
Show diff stats
src/app/carousel/carousel.component.html
File was created | 1 | <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel"> | |
2 | <div class="carousel-inner"> | ||
3 | <div class="carousel-item active"> | ||
4 | <div class="card" style="width: 18rem;"> | ||
5 | <div class="card-body"> | ||
6 | <h5 class="card-title">Card title</h5> | ||
7 | <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> | ||
8 | <p class="card-text">Some quick example text to build on the card title and make up the bulk of the | ||
9 | card's content.</p> | ||
10 | <a href="#" class="card-link">Card link</a> | ||
11 | <a href="#" class="card-link">Another link</a> | ||
12 | </div> | ||
13 | </div> | ||
14 | </div> | ||
15 | <div class="carousel-item"> | ||
16 | <div class="card" style="width: 18rem;"> | ||
17 | <div class="card-body"> | ||
18 | <h5 class="card-title">Card title 2222</h5> | ||
19 | <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> | ||
20 | <p class="card-text">Some quick example text to build on the card title and make up the bulk of the | ||
21 | card's content.</p> | ||
22 | <a href="#" class="card-link">Card link</a> | ||
23 | <a href="#" class="card-link">Another link</a> | ||
24 | </div> | ||
25 | </div> | ||
26 | </div> | ||
27 | </div> | ||
28 | </div> |
src/app/carousel/carousel.component.scss
src/app/carousel/carousel.component.spec.ts
File was created | 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; | |
2 | |||
3 | import { CarouselComponent } from './carousel.component'; | ||
4 | |||
5 | describe('CarouselComponent', () => { | ||
6 | let component: CarouselComponent; | ||
7 | let fixture: ComponentFixture<CarouselComponent>; | ||
8 | |||
9 | beforeEach(async(() => { | ||
10 | TestBed.configureTestingModule({ | ||
11 | declarations: [ CarouselComponent ] | ||
12 | }) | ||
13 | .compileComponents(); | ||
14 | })); | ||
15 | |||
16 | beforeEach(() => { | ||
17 | fixture = TestBed.createComponent(CarouselComponent); | ||
18 | component = fixture.componentInstance; | ||
19 | fixture.detectChanges(); | ||
20 | }); | ||
21 | |||
22 | it('should create', () => { | ||
23 | expect(component).toBeTruthy(); | ||
24 | }); | ||
25 | }); | ||
26 |
src/app/carousel/carousel.component.ts
File was created | 1 | import { Component, OnInit } from '@angular/core'; | |
2 | |||
3 | @Component({ | ||
4 | selector: 'app-carousel', | ||
5 | templateUrl: './carousel.component.html', | ||
6 | styleUrls: ['./carousel.component.scss'] | ||
7 | }) | ||
8 | export class CarouselComponent implements OnInit { | ||
9 | |||
10 | constructor() { } | ||
11 | |||
12 | ngOnInit() { | ||
13 | } | ||
14 | |||
15 | } | ||
16 |