ionic ialah perpustakaan UI mudah alih yang ringan dengan ciri-ciri kelajuan pantas, antara muka moden dan penampilan yang cantik. Untuk menyelesaikan masalah beberapa perpustakaan UI lain yang berjalan perlahan pada telefon mudah alih, ia secara langsung melepaskan sokongan untuk versi di bawah IOS6 dan Android4.1 untuk mendapatkan pengalaman pengguna yang lebih baik.

kepala ionik sintaks

Pengepala ialah komponen yang ditetapkan di bahagian atas skrin, yang boleh termasuk tajuk dan butang fungsi kiri dan kanan.

ionic menyediakan banyak gaya warna secara lalai Anda boleh memanggil nama gaya yang berbeza, dan sudah tentu anda boleh menyesuaikan satu.

kepala ionik contoh

<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>

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

Run Instance »

Klik butang "Run Instance" untuk melihat instance dalam talian