ionic is a lightweight mobile UI library with the characteristics of fast speed, modern interface and beautiful appearance. In order to solve the problem of some other UI libraries running slowly on mobile phones, it directly gave up support for versions below IOS6 and Android4.1 to obtain a better user experience.

ionic head syntax

Header is a component fixed at the top of the screen, which can include titles and left and right function buttons.

ionic provides many color styles by default. You can call different style names, and of course you can customize one.

ionic head example

<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中文網(wǎng)(php.cn)</title>
????????<link?>
????????<script?src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
????</head>
????<body>

????<h3>bar-light</h3>
????<div?class="bar?bar-header?bar-light">
??????<h1?class="title">bar-light</h1>
????</div>
????
??</body>
</html>

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例