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 |