ionic은 빠른 속도, 현대적인 인터페이스, 아름다운 외관을 특징으로 하는 경량 모바일 UI 라이브러리입니다. 일부 다른 UI 라이브러리가 휴대폰에서 느리게 실행되는 문제를 해결하기 위해 더 나은 사용자 경험을 얻기 위해 IOS6 및 Android4.1 미만 버전에 대한 지원을 직접 포기했습니다.
이온 목록 통사론
목록은 널리 사용되는 인터페이스 요소이며 거의 모든 모바일 앱에서 사용됩니다.
목록은 기본 텍스트, 버튼, 스위치, 아이콘, 썸네일 등이 될 수 있습니다.
목록 항목은 HTML 요소일 수 있습니다. 컨테이너 요소에는 목록 클래스가 필요하며 각 목록 항목에는 항목 클래스가 필요합니다.
ionList 및 ionItem은 슬라이딩 편집, 드래그 정렬, 항목 삭제 등 다양한 상호 작용 방법을 쉽게 지원할 수 있습니다.
이온 목록 예
<html ng-app="ionicApp"> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title>PHP中文网(php.cn)</title> <link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script> </head> <body> <div class="bar bar-header"> <div class="h1 title">列表</div> </div> <div class="content has-header"> <ul class="list"> <li class="item"> Battletoads </li> <li class="item"> Contra </li> <li class="item"> Duck Tales </li> <li class="item"> Mega Man </li> <li class="item"> Metroid </li> <li class="item"> Mike Tyson's Punch-Out </li> <li class="item"> R.C. Pro-Am </li> <li class="item"> Spy Hunter </li> <li class="item"> Super Mario Bros. </li> <li class="item"> The Legend of Zelda </li> </ul> </div> </body> </html>
인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요