sencha cmd 4 e sencha touch 2.3 aggiungendo css in app.json

Question

Ho usato Sencha touch 2.3 con Sencha Cmd 3 e non ci sono stati problemi.

Recentemente ho aggiornato a Sencha Cmd 4 e generato una nuova app Sencha Touch 2.3.

Ora, ho provato a cambiare il tema aggiungendo quanto segue nella app.json di file:

"css": [ 
    { 
     "path": "touch/resources/css/cupertino.css", 
     "platform": ["chrome", "safari", "ios", "ios-classic", "android", "firefox"] 
     "theme": "Cupertino", 
     "update": "delta" 
    }, 
], 

e ho rimosso il codice preesistente:

{ 
    "path": "resources/css/app.css", 
    "update": "delta" 
} 

Questo non è riflettendo nell'app. Che c'è ? Questo è l'approccio suggerito dai documenti. Ma non sta succedendo. Se inserisco direttamente lo cupertino.css nel percorso risorse/css e lo rinomini in app.css, riflette. Quindi, dove è impostata la app.css?

Answer 1

Sencha CMD 4 utilizza il file bootstrap.js per avviare l'app. Eseguire l'app sencha per aggiornare il comando per aggiornare il file bootstrap.js con le proprietà css definite nel file app.json.

Answer 2

Si prega di inviare il file cupertino.scss per assicurarsi che tutto sia configurato nel modo giusto. Ho affrontato questo problema quando sono migrato a Sencha Touch 2.3 & CMD4.

Inoltre non è necessario fare riferimento l'intero percorso all'interno app.json

app.json corretta

"css": [ 
    { 
     "path": "resources/css/cupertino.css", 
     "platform": ["chrome", "safari", "ios", "ios-classic", "android", "firefox"] 
     "theme": "Cupertino", 
     "update": "delta" 
    }, 
], 

corretta Cupertino.scss

@import 'sencha-touch/cupertino'; 
@import 'sencha-touch/cupertino/all'; 
$background-color: #fff !default; 
$primary-text-color: $ios7-blue !default; 
$secondary-text-color: #000 !default; 

@import 'shared'; 
.charttoolbar { 
    .x-button { 
     border: 1px solid $ios7-blue; 
     background-color: white; 
    } 
}