एक मूल स्क्रिप्ट एप में मैं कुछ वैश्विक शैलियों को लागू करने की कोशिश कर रहा हूं जिन्हें ऐप में साझा किया जाएगा।मूल स्क्रिप्ट/कोणीय - वैश्विक शैलियों को कैसे आयात करें?
- 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>
अगर मैं किसी भी आयात यह काम करता है बिना app.css
में सीधे btn शैलियों डाल दिया, लेकिन इस के बाद से एक है सीएसएस फ़ाइल मैं स्कैस का उपयोग नहीं कर सकता। तो मुझे यकीन नहीं है कि आयात इस तरह से ऐसा करने से कभी काम करेगा।
मैं कैसे सुनिश्चित कर सकता हूं कि आंशिक आयात से शैलियों को आवेदन-व्यापी लागू किया गया है?
संपादित करें:
मैं this पाया, जो सफलतापूर्वक app.android.css
और app.ios.css
फ़ाइलों में अपने ही शैलियों आयात करता है। लेकिन .. मैंने एसएएसएस स्थापित करने के बाद और यह किया है कि जब मैं इसे एंड्रॉइड और आईओएस में एमुलेटर में चलाता हूं तो ऐप पूरी तरह से रिक्त होता है।
मुझे कोई त्रुटि नहीं, कुछ भी नहीं मिला। क्या कोई सफलतापूर्वक इस तरह काम करने में सक्षम रहा है? कृपया मुझे बताएं कि आपको कैसे और कैसे पुरस्कृत किया जाएगा।
संपादित करें 2:
यह एप्लिकेशन की तरह दिखता है, चल रहा है क्योंकि मैं सफलतापूर्वक app.component.ts
के निर्माता में कुछ प्रवेश कर सकते हैं, तो मुझे लगता है कि कुछ करने के लिए पृष्ठ पर सभी तत्वों खड़ी कर रहा है अनुमान लगा रहा हूँ नई शैलियों सेटिंग्स के साथ गायब हो जाओ। https://docs.nativescript.org/ui/theme#sass-usage
कौन इस बारे में जाने के लिए सही तरीका है: