ionic ist eine leichte mobile UI-Bibliothek mit den Eigenschaften hoher Geschwindigkeit, moderner Benutzeroberfl?che und sch?nem Erscheinungsbild. Um das Problem zu l?sen, dass einige andere UI-Bibliotheken auf Mobiltelefonen langsam laufen, wurde die Unterstützung für Versionen unter IOS6 und Android4.1 direkt aufgegeben, um eine bessere Benutzererfahrung zu erzielen.

Ionenkopf Syntax

Header ist eine am oberen Bildschirmrand befestigte Komponente, die Titel sowie linke und rechte Funktionstasten enthalten kann.

ionic bietet standardm??ig viele Farbstile. Sie k?nnen verschiedene Stilnamen aufrufen und natürlich einen anpassen.

Ionenkopf Beispiel

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

Instanz ausführen ?

Klicken Sie auf die Schaltfl?che ?Instanz ausführen“, um die Online-Instanz anzuzeigen