From b26eb8c9517c8a81f4169bebf2033846e99e1b17 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C2=B0=29=29=29=29=E5=BD=A1?= Date: Tue, 10 Mar 2020 11:04:46 +0800 Subject: [PATCH] fix(module: carousel): fix carousel slide width bug (#646) --- components/carousel/carousel-slide/carousel-slide.component.ts | 2 +- components/carousel/style/addon.less | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/components/carousel/carousel-slide/carousel-slide.component.ts b/components/carousel/carousel-slide/carousel-slide.component.ts index 792d32af..7ae0d94f 100644 --- a/components/carousel/carousel-slide/carousel-slide.component.ts +++ b/components/carousel/carousel-slide/carousel-slide.component.ts @@ -6,7 +6,7 @@ import { Component, HostBinding, ViewEncapsulation } from '@angular/core'; encapsulation: ViewEncapsulation.None }) export class CarouselSlideComponent { - @HostBinding('class.carousel-container') + @HostBinding('class.am-carousel-container') container = true; @HostBinding('style.width.px') width; diff --git a/components/carousel/style/addon.less b/components/carousel/style/addon.less index c556996e..720a430f 100755 --- a/components/carousel/style/addon.less +++ b/components/carousel/style/addon.less @@ -34,12 +34,13 @@ carouselslide { box-sizing: border-box; } -.carousel-container { +.am-carousel-container { position: absolute; display: inline-block; list-style-type: none; vertical-align: top; height: auto; + width: 100%; box-sizing: border-box; }