Как поставить позиции совы-карусель на левую/правую сторону слайдера в версии Angular 8?CSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 Как поставить позиции совы-карусель на левую/правую сторону слайдера в версии Angular 8?

Сообщение Anonymous »

В моем проекте мне нужно использовать слайдер. Для этого я нашел соу-карусель и интегрировал его в свой угловой проект. И попытка поставить Слайдер в съемках и предварительные стрелы на левую и правую сторону слайдера. Но не смог изменить стили CSS из файла App.component.scss. Как я могу изменить позиции стрел?import { Component } from '@angular/core';
import {OwlOptions} from 'ngx-owl-carousel-o';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
customOptions: OwlOptions = {
loop: true,
mouseDrag: true,
touchDrag: true,
pullDrag: true,
dots: false,
navSpeed: 600,
responsive: {
0: {
items: 1
},
400: {
items: 2
},
760: {
items: 3
},
1000: {
items: 4
}
},
nav: true
};

}
< /code>
App-component.html



Изображение




Изображение




Изображение




Изображение




Изображение




Изображение



< /code>
В моем файле angular.json добавлены эти строки < /p>
"styles": [
"./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
"node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.carousel.min.css",
"node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.theme.default.min.css",
"src/styles.css"
],
< /code>
и app.module < /p>
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './app.component';
import {RouterModule, Routes} from '@angular/router';
import { DefaultComponent } from './components/default/default.component';
import {RoutingModule} from './routing/routing.module';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {CarouselModule} from 'ngx-owl-carousel-o';

@NgModule({
declarations: [
AppComponent,
LoginComponent,
DefaultComponent,
],
imports: [
BrowserModule,
RouterModule,
RoutingModule,
BrowserAnimationsModule,
CarouselModule
],
providers: [
],
bootstrap: [AppComponent]
})
export class AppModule { }


Подробнее здесь: https://stackoverflow.com/questions/667 ... -angular-8
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Как удалить правую и левую границу TextFormField Flutter/Dart?
    Anonymous » » в форуме Android
    0 Ответы
    94 Просмотры
    Последнее сообщение Anonymous
  • Как удалить правую и левую границу TextFormField Flutter/Dart?
    Anonymous » » в форуме IOS
    0 Ответы
    78 Просмотры
    Последнее сообщение Anonymous
  • Как ссылаться на правую и левую стороны игрового объекта
    Anonymous » » в форуме C#
    0 Ответы
    18 Просмотры
    Последнее сообщение Anonymous
  • Cartopy не отображает левую и правую метки долготы.
    Anonymous » » в форуме Python
    0 Ответы
    22 Просмотры
    Последнее сообщение Anonymous
  • Cartopy не отображает левую и правую метки долготы.
    Anonymous » » в форуме Python
    0 Ответы
    23 Просмотры
    Последнее сообщение Anonymous

Вернуться в «CSS»