Небулярная корпоративная тема не работает из коробки - PullRequest
Новая
       24

Небулярная корпоративная тема не работает из коробки

0 голосов
/ 17 февраля 2019

Я создал проект, используя ng new, а затем следовал инструкциям, чтобы добавить nebular в существующее приложение.Я дефолт к космическому.Это приводит к следующим файлам.Поэтому, когда я устанавливаю тему на космический или по умолчанию в NbThemeModule.forRoot (), он работает, а «корпоративный» - нет.Получившийся экран все снесено вверху.

Может кто-нибудь сказать мне, что мне нужно сделать, чтобы заставить работать "корпоративный"?Если вы знаете какие-либо хорошие учебники по темам для nebular, это было бы здорово.Я совершенно невежественен.

app.module.ts: 

    import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HomeScreenComponent } from './home-screen/home-screen.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NbThemeModule, NbLayoutModule, NbSidebarModule } from '@nebular/theme';

@NgModule({
  declarations: [
    AppComponent,
    HomeScreenComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    NbThemeModule.forRoot({ name: 'cosmic' }),
    NbLayoutModule,
    NbSidebarModule.forRoot()
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

theme.scss: 

    @import '~@nebular/theme/styles/theming';
@import '~@nebular/theme/styles/themes/cosmic';

$nb-themes: nb-register-theme((
  // add your variables here like:
  // color-bg: #4ca6ff,
), cosmic, cosmic);

angular.json: 

            "styles": [
          "src/styles.scss"
        ],

Ответы [ 2 ]

0 голосов
/ 18 февраля 2019

Исходя из исходного вопроса, единственное, что нужно сделать, - это переименовать упоминание cosmic в corporate во всех частях кода, которые вы разместили.Вот рабочий пример: https://stackblitz.com/edit/github-updvbd?file=src/themes.scss

0 голосов
/ 18 февраля 2019

Я наконец заставил «корпоративный» работать, как указано ниже.У меня есть так много, чтобы узнать об этом материале.Я надеюсь, что это может быть новичкам, как я.Я изменил файл themes.scss следующим образом: 

   $nb-themes: nb-register-theme((
  // add your variables here like:
  // color-bg: #4ca6ff,
), cosmic, cosmic);

$nb-themes: nb-register-theme((
  // add your variables here like:
  // color-bg: #4ca6ff,
), default , default);

$nb-themes: nb-register-theme((
  // add your variables here like:
  // color-bg: #4ca6ff,
), corporate , corporate);

и добавил его в файл angular.json: 

            "styles": [
          "src/styles.scss",
          "node_modules/@nebular/theme/styles/prebuilt/corporate.css",
          "node_modules/@nebular/theme/styles/prebuilt/cosmic.css",
          "node_modules/@nebular/theme/styles/prebuilt/default.css"
        ],
...