Blazor - परिवर्तन कंटेनर रखना बाहर जब एक विशिष्ट (कस्टम) घटक पाया जाता है

वोट
0

यह शायद एक अजीब सवाल है, और यह इसे इस तरह करने के लिए overkill हो सकता है, लेकिन करने के लिए एक नया आगंतुक के रूप में Blazorमैं उत्सुक अगर यह संभव है हूँ।

मुझे लगता है कि div तत्व के भीतर विशिष्ट घटकों के आधार पर मेरी div तत्व की शैली को बदल सकते हैं?

तो यह थोड़ा अधिक है, मैं 2 बनाया समझाने के लिए navbarsजो मैं लागू कर सकते हैं, एक horizontal navbarऔर एक vertical navbar। इन कस्टम navbar componentsमें जोड़ा जा सकता है MainLayout.razorताकि तरह फ़ाइल:

<HorizontalNavbar></HorizontalNavbar>

<div class=main>
    <h1>my testing title</h1>
</div>

मुख्य सामान्य-बाहर मेरे सारे Blazor पृष्ठों (केवल डिफ़ॉल्ट की तरह) में आयात होता है, में _Host.cshtmlफ़ाइल <app>div / वर्ग जोड़ा जाता है। मैं करने के लिए एप्लिकेशन की शैली को बदलना चाहते हैं flex-direction: column;, तो मुख्य लेआउट फ़ाइल एक होता है HorizontalNavbar, घटक और के लिए flex-direction: row;मुख्य लेआउट शामिल है VerticalNavbar। इस वैसे भी संभव में है?

बेशक मैं सिर्फ एक आवरण वर्ग, उचित फ्लेक्स-निर्देश के साथ, निर्धारित कर सकते हैं नेवबार घटकों के बारे में अंदर, लेकिन फिर मैं की तरह कुछ मिल जाएगा:

<HorizontalNavbar>
   All my inner content
</HorizontalNavbar>

जो बहुत ही महान नहीं लगती है। कोई भी विचार इस लक्ष्य को हासिल करने के लिए? शायद कुछ इस तरह: https://blazorfiddle.com/s/385py5jb लेकिन फिर एक विशिष्ट नियंत्रण / सीएसएस वर्ग पाने की घटना / ट्रिगर के साथ?

13/01/2020 को 21:59
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more