2016-04-04 25 views
0

Uygulamamı ext 5 cmd ile normal şekilde oluşturdum ve yaptığım şey sadece css dosyalarınımı (index.html dosyasında) ve ne zaman sencha app çalıştırmak benim stilleri kelime ext olanlar (yani vücut etiketi gibi şeyler) geçersiz kılmak.Sorunlar Harici CSS dosyalarını ExtJS 6 ile Çalışmaya Başlama

Şimdi ek projemi cmd ile sıfırdan yeniden oluşturdum, app.js ve uygulama klasörüme kopyaladım ve çalışıyor ancak uygulama benim beden etiketimi yanıp söndürüyor ama sonra gider ve standart css devralır. G/küstahlık/İki dosyalarından css kopyaladık, okuduktan sonra :

<link href="/Content/Styles/scrum-style.css" rel="stylesheet" type="text/css"/> 
<link href="/Content/Styles/SessionSchedule.css" rel="stylesheet" type="text/css"/> 

*** Added Not: benim index.html içinde benim, olduğu

Ben hatları var etc/all.scss ve bu css oluşturulan dosyanın üstüne itti ama hala geçersiz görünüyor.

(ayrıca dün sencha forumlarına gönderilen ancak işte çalışırken yanıt var) Sen app.json ekleyerek deneyebilirsiniz

+0

Tam olarak ne yapmaya çalıştığını anlamıyorum. Benim kendi JS veya CSS dosyalarımı dahil etmek benim için iyi çalışıyor. – Alexander

+0

Uygulamayı yeniden oluşturduğumda ve sorun oluşturduğunda tema türünü güncellemediğimi fark ettim. orijinal gri temasına geri döndüğümde css daha önce yazmıştım –

cevap

1

:

"css": [ 
    { "path": "Content/Styles/scrum-style.css" }, 
    { "path": "Content/Styles/SessionSchedule.css" }, 
    { 
     // this entry uses an ant variable that is the calculated 
     // value of the generated output css file for the app, 
     // defined in .sencha/app/defaults.properties 
     "path": "${build.out.css.path}", 
     "bundle": true, 
     "exclude": ["fashion"] 
    } 
], 

Yoksa uzaktan onları yükleyebilir:

"css": [ 
    { "path": "Content/Styles/scrum-style.css", "remote": true }, 
    { "path": "Content/Styles/SessionSchedule.css", "remote": true }, 
    { 
     // this entry uses an ant variable that is the calculated 
     // value of the generated output css file for the app, 
     // defined in .sencha/app/defaults.properties 
     "path": "${build.out.css.path}", 
     "bundle": true, 
     "exclude": ["fashion"] 
    } 
], 

Ancak bunları "kaynaklara" ekleyin: [] ayrıca bunları oluşturmaya kopyalayın.

1

Uygulamanıza harici CSS dosyalarını eklemenin iki yolu vardır.

  1. İndeks.html dosyasında referanslar ekleyebilirsiniz. Bu durumda, derleme sonrasında, uygulama kaynakları klasöründeki CSS dosyalarını manuel olarak kopyalamanız gerekir.
  2. CSS dizisinde app.json dosyasında referans ekleyebilir ve uygulama oluşturabilirsiniz. Bu durumda css dosyasında değişiklik yaparsanız, uygulama oluşturmanız gerekir.
İlgili konular