이온 버튼
번역 결과:
ionic은 빠른 속도, 현대적인 인터페이스, 아름다운 외관을 특징으로 하는 경량 모바일 UI 라이브러리입니다. 일부 다른 UI 라이브러리가 휴대폰에서 느리게 실행되는 문제를 해결하기 위해 더 나은 사용자 경험을 얻기 위해 IOS6 및 Android4.1 미만 버전에 대한 지원을 직접 포기했습니다.
이온 버튼통사론
버튼은 모바일 앱의 필수적인 부분입니다. 앱 스타일에 따라 다른 버튼 스타일이 필요합니다.
이온 버튼예
<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">Buttons</div> </div> <div class="content has-header padding scroll scroll-content" style="overflow-y:auto"> <p><button class="button button-light">button-light</button> </p><p><button class="button button-stable">button-stable</button> </p><p><button class="button button-positive">button-positive</button> </p><p><button class="button button-calm">button-calm</button> </p><p><button class="button button-balanced">button-balanced</button> </p><p><button class="button button-energized">button-energized</button> </p><p><button class="button button-assertive">button-assertive</button> </p><p><button class="button button-royal">button-royal</button> </p><p><button class="button button-dark">button-dark</button></p> </div> </body> </html>
인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요