आयनिक 2

Question

में प्रारंभ और अंत सीमा आयनिक-सूची टैग निकालें बस प्रारंभ और अंत सीमा को हटाना चाहते हैं। मैं इस प्रोग्रामिंग भाषा में बहुत नया हूँ। मैं सूची प्रदर्शित करने के लिए नीचे कोड का उपयोग कर रहा हूँ।

<ion-content> 
<ion-list class="item"> 
    <ion-item href="#"> 
    Hello! 
    </ion-item> 
    <ion-item href="#"> 
    Hello2 
    </ion-item> 

</ion-list> 
     </ion-content> 

मुझे नीचे उल्लिखित स्क्रीन शॉट्स पर हाइलाइट किए गए लाल रंग सर्कल सीमा रेखा को हटाने की आवश्यकता है। कैसे करें?

Answer 1

एक तरह से इस तरह ion-list तत्व में कोई लाइनों जोड़ने के लिए होगा:

<ion-list no-lines>...</ion-list> 

लेकिन यह है कि आइटम की तर्ज भी निकाल देंगे। तो तल में केवल उस लाइन को हटाने के लिए आप इस शैली नियम जोड़ सकते हैं:

.md ion-list > .item:last-child, 
.md ion-list > .item-wrapper:last-child .item, 
.wp ion-list > .item:last-child, 
.wp ion-list > .item-wrapper:last-child .item, 
.ios ion-list > .item:last-child, 
.ios ion-list > .item-wrapper:last-child .item { 
    border-bottom: none; 
} 

Answer 2

समाधान है कि मेरे लिए काम किया था

.list-ios>.item-block:first-child { 
    border-top: none; 
} 
.list-ios>.item-block:last-child { 
    border-bottom: none; 
} 

अद्यतन आप एक पूर्ण लेने के लिए चाहते हैं, तो आयन-आइटम पर लाइनों को हटाने के लिए आगे बढ़ें, केवल नो-लाइन आयन-सूची तत्व में विशेषता जोड़ें।

<ion-list no-lines> 
..... 
</ion-list>