在NativeScript應用程序中,我試圖應用一些將在應用程序中共享的全局樣式。NativeScript/Angular - 如何導入全局樣式?
這是我的結構:
- styles
- partials
- _buttons.scss
- _exports.scss
_buttons.scss:
.flt-btn {
border-radius: 35px;
}
_exports.scss:
@import '_buttons.scss';
app.css:
@import './styles/partials/_exports.scss';
正如你所看到的,應適用於.flt-btn
的風格,但他們沒有。
我使用的一個功能模塊,這就是延遲加載的類,login
這樣的:
<Button class="flt-btn" text="A button"></Button>
如果我把BTN風格直接app.css
沒有它的工作原理任何進口,但由於這是一個css文件我不能在其中使用scss。所以我不確定這樣的進口是否會有效。
如何確保partials導入的樣式應用於整個應用程序?
編輯:
我發現this,其成功導入我自己的風格融app.android.css
和app.ios.css
文件。但是,在我安裝了SASS之後,完成了這個操作後,當我在模擬器中運行它時,應用程序完全是空白的,無論是在android還是ios中。
我沒有得到任何錯誤,什麼都沒有。有沒有人成功地能夠像這樣工作?請讓我知道如何,你會得到回報。
編輯2:
它看起來像應用程序正在運行,因爲我可以成功登錄,app.component.ts
的構造函數的東西,所以我猜的東西會導致網頁上的所有元素消失與新的樣式設置。