2014-11-30 26 views
8

Semantik kullanıcı arayüzünde çalışmak için tema seçimini alamıyorum.Semantik Kullanıcı Arayüzü - Temayı Değiştir

Ben belgelerin workflow section belirtilen talimatları uygulayın girişiminde:

Files projenizin examples/ klasörde arayüzünde değişiklikleri test etmek için yararlı olabilir. Örneğin, src/site/themes/'a yeni bir tema indirmek için gulp saatini çalıştırabilir, ardından theme.config dosyanızı yeni temanın adıyla ayarlayabilir ve temadaki değişiklikleri denetlemek için examples/kitchensink.html'u yenileyin.

Yani semantik ui dizininde, uygun yudum inşa/yudum sonra yüklemek adımlar, örneğin ben gulp watch tip

  1. ,

  2. Ben src/theme.config değiştirmek:

    ... 
    /* Elements */ 
    @button  : 'material'; 
    ... 
    
  3. dist/semantic.css dosya rejenere edildi (inotify diyor.

Şimdiye kadar iyi ... examples/kitchensink render hala varsayılan biridir dışında. dist/semantic.css'a daha yakından bakmak, aslında orijinali ile aynı olduğunu gösterir.

Süreçimde (muhtemelen bariz) bir sorunu işaret eden var mı? gulp build

Adım 3. tarayıcınızı yenileyin -

Adım 2. Yeniden:

cevap

17

Adım 1. Değişim /src/themes/theme.config istediğiniz temayı ('malzeme'. Ex @button) yansıtacak şekilde

+14

Ben semantik-ui doc'ları yetersiz buluyorum, bunu yapmak için iyi bir saat harcadım ve burada hiçbir yerde dokümanlar yok. (ya da özlediğim bir yere gömdüm/bulamadım) – PersyJack

+0

Çalışıyor, teşekkür ederim. Görünüşe göre, 'gulp izle' amaçlandığı gibi çalışmıyor (ayrıca bkz ). –

+3

Çalıştığını anladın mı? Talimatlarımı takip ettim ama hala varsayılan temayı görüyorum – Mike

İlgili konular