onsen-uiKomma igång med onsen-ui


Anmärkningar

Det här avsnittet ger en översikt över vad onsen-ui är och varför en utvecklare kanske vill använda den.

Det bör också nämna alla stora ämnen inom onsen-ui och länka till relaterade ämnen. Eftersom dokumentationen för onsen-ui är ny kan du behöva skapa initialversioner av relaterade ämnen.

Introduktion

Onsen UI är en öppen källkodsram som hjälper dig att bygga hybridappar med ursprungsliknande prestanda. Det kan användas tillsammans med flera välkända JavaScript-ramar som AngularJS (1 & 2), ReactJS och jQuery.

Att ladda OnsenUI i ett projekt är lika enkelt som att skriva några standardtaggar med HTML i din index.html-fil:

<!doctype html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <!-- load Onsen structure CSS file -->
        <link rel="stylesheet" href="lib/onsen/css/onsenui.css"/>
        <!-- load Onsen theme CSS file -->
        <link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css"/>
        <!-- load Onsen main Javascript file -->
        <script src="lib/onsen/js/onsenui.js"></script>
        <script>
          ons.ready(function() {
            // Init code here
          });
        </script>
      </head>
      <body>
        <ons-navigator>
          <ons-page>
            Hello World!
          </ons-page>
        </ons-navigator>
      </body>
    </html>
 

ons.ready funktionen är huvudfunktionen som säkert kan säga oss när Onsen UI-initialisering är klar. Sedan kan du använda någon av OnsenUI- komponenterna .