2014-11-30 15 views
8

Nie mogę ustawić motywu do pracy w semantycznym interfejsie użytkownika.Semantyczny interfejs użytkownika - zmiana motywu

staram się postępować zgodnie z instrukcjami zawartymi w workflow section dokumentacji:

pliki w folderze examples/ swojego projektu mogą być przydatne do testowania zmian w interfejsie użytkownika. Na przykład możesz uruchomić zegarek gulp pobierz nowy motyw do src/site/themes/, a następnie zmień swój plik theme.config na nazwę nowej kompozycji i odśwież examples/kitchensink.html, aby sprawdzić zmiany w kompozycji.

Więc w semantycznego katalogu ui po odpowiednim haustem Build/haustem montujemy schody,

  1. wpisuję gulp watch,

  2. zmodyfikować src/theme.config, na przykład:

    ... 
    /* Elements */ 
    @button  : 'material'; 
    ... 
    
  3. Plik dist/semantic.css jest regenerowany (mówi inotify).

tej pory tak dobrze ... oprócz tego, że świadczenia examples/kitchensink nadal jest domyślna. Bliższe spojrzenie na dist/semantic.css pokazuje, że faktycznie jest identyczne z oryginalnym.

Czy ktoś mógłby wskazać (prawdopodobnie oczywisty) problem w moim procesie?

Odpowiedz

17

Krok 1. Zmień /src/themes/theme.config odzwierciedlać pożądany motyw (ex @button. 'Materiał')

Krok 2. Rebuild - gulp build

Krok 3. Odśwież swoją przeglądarkę

+14

Uważam, że semantic-ui docs niewystarczające, spędziłem dobrą godzinę, aby to zrobić i nie ma o tym wzmianki w dokumentach w dowolnym miejscu. (lub pochowany gdzieś, co przegapiłem/nie mogłem znaleźć) – PersyJack

+0

Działa, dziękuję. Najwyraźniej "zegarek gulp" nie działa zgodnie z przeznaczeniem (patrz również ). –

+3

Czy to działa? Postępuję zgodnie z Twoimi instrukcjami, ale nadal widzę domyślny motyw – Mike

Powiązane problemy