5

एक मूल स्क्रिप्ट एप में मैं कुछ वैश्विक शैलियों को लागू करने की कोशिश कर रहा हूं जिन्हें ऐप में साझा किया जाएगा।मूल स्क्रिप्ट/कोणीय - वैश्विक शैलियों को कैसे आयात करें?

- 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

कौन इस बारे में जाने के लिए सही तरीका है:

उत्तर

2

मैं इस गाइड पाया। यह एंड्रॉइड और आईओएस के साथ-साथ _app-common.scss फ़ाइल बनाने के लिए एक एसएसएस/सीएसएस फ़ाइल तैयार करेगा जिसका उपयोग आप अपनी खुद की कस्टम शैलियों को आयात करने के लिए कर सकते हैं। इसके बाद एंड्रॉइड और आईओएस सीएसएस पर लागू किया जाएगा।

आश्चर्यजनक रूप से पर्याप्त घटक एसएसएस काम की तरह सैस स्थापित किए बिना काम करता है। लेकिन सैस स्थापित करने के बाद आप अब फ़ाइल को किसी घटक की styleUrls संपत्ति में संदर्भित नहीं कर सकते हैं, इसे अब css फ़ाइल से लिंक करना चाहिए।ऐसा क्यों है कि मैं समझने में सक्षम नहीं हूं, लेकिन मुझे लगता है कि यह कम से कम काम करता है क्योंकि यह एक बड़ा सौदा नहीं है। के रूप में यह angular-cli बजाय nativescript-cli को संदर्भित करता है

@tay हुआ द्वारा प्रदान की जवाब, गलत है, इसलिए यदि तुम मुझे पसंद कर रहे हैं और इस पर अटक गया, इस सवाल का जवाब आप पर विचार करना चाहिए।

संबंधित मुद्दे