Framework7 - Framework7

Framework7
Barqaror chiqish
5.7.10 / 14-iyul, 2020 yil (2020-07-14)
Omborhttps://github.com/framework7io/framework7
Mavjud:Ingliz tili
LitsenziyaMIT litsenziyasi
Veb-saytramka7.io

Framework7 bu ochiq manba va mobil, ish stoli yoki veb-ilovalarni ishlab chiqish uchun bepul asos; Framework7 ni a sifatida ham ishlatish mumkin prototiplash vositasi.[1][2][3][4]

Xususiyatlari

Framework7 ning ba'zi xususiyatlari quyida keltirilgan:

  • bir nechta platformalarni qo'llab-quvvatlash
  • ko'plab vositalardan foydalanish (masalan, veb-paket)
  • UI elementlari
  • Boy ekotizim.[1]

Misol

Namuna kodi quyidagicha ko'rinishi mumkin:

<!DOCTYPE html><HTML>  <bosh>    <!-- Required meta tags-->    <meta charset="utf-8">    <meta ism="ko'rinish oynasi" tarkib="width = device-width, boshlang'ich masshtab = 1, maksimal-scale = 1, minimal-scale = 1, user-scalable = no, minimal-ui, viewport-fit = cover">    <meta ism="apple-mobile-web-app-quvvatiga ega" tarkib="ha">    <!-- Color theme for statusbar -->    <meta ism="mavzu-rang" tarkib="# 2196f3">    <!-- Your app title -->    <sarlavha>Mening ilovam</sarlavha>    <!-- Path to Framework7 Library Bundle CSS -->    <havola rel="jadval" href="path / to / framework7.bundle.min.css">    <!-- Path to your custom app styles-->    <havola rel="jadval" href="path / to / my-app.css">  </bosh>  <tanasi>    <!-- App root element -->    <div id="ilova">      <!-- Statusbar overlay -->      <div sinf="holat paneli"></div>      <!-- Your main view, should have "view-main" class -->      <div sinf="view view-main">        <!-- Initial Page, "data-name" contains page name -->        <div ma'lumotlar nomi="uy" sinf="sahifa">          <!-- Top Navbar -->          <div sinf="navbar">            <div sinf="navbar-ichki">              <div sinf="sarlavha">Ajoyib ilova</div>            </div>          </div>          <!-- Bottom Toolbar -->          <div sinf="asboblar paneli pastki qismida">            <div sinf="asboblar paneli-ichki">              <!-- Toolbar links -->              <a href="#" sinf="havola">Aloqa 1</a>              <a href="#" sinf="havola">Aloqa 2</a>            </div>          </div>          <!-- Scrollable page content -->          <div sinf="sahifa tarkibi">            <p>Sahifa tarkibi bu erda</p>            <!-- Link to another page -->            <a href="/ about /">Ilova haqida</a>          </div>        </div>      </div>    </div>    <!-- Path to Framework7 Library Bundle JS-->    <skript turi="matn / javascript" src="path / to / framework7.bundle.min.js"></skript>    <!-- Path to your app js-->    <skript turi="matn / javascript" src="path / to / my-app.js"></skript>  </tanasi></HTML>

[5]

Ekotizimning ayrim qismlari

Ekotizimning ba'zi qismlari quyida keltirilgan:

  • Framework7 Core / API
  • Framework7 Vue
  • Framework7 reaktsiyasi
  • Framework7 CLI
  • Framework7 Piktogramma.[6]

Shuningdek qarang

Adabiyotlar

  1. ^ a b "Framework7 - iOS, Android va Desktop dasturlarini yaratish uchun to'liq xususiyatli ramka". framework7.io. Olingan 2019-08-21.
  2. ^ Cheng, Fu (2017-05-02). Ionic 2 va Firebase yordamida mobil ilovalarni yarating: Gibrid mobil ilovalarni ishlab chiqish. Apress. p. 3. ISBN  9781484227374.
  3. ^ Zammetti, Frank (2018-03-10). Amaliy Webix: Veb-rivojlanishingizni tezlashtirish va takomillashtirishni o'rganing. Apress. p. 5. ISBN  9781484233849.
  4. ^ Sun, Yiyi (2019-01-04). AppRun bilan amaliy dastur ishlab chiqish: Elm-Inspired Architecture, Event Pub-Sub va Componentlardan foydalangan holda ishonchli va yuqori mahsuldor veb-ilovalarni yaratish.. Apress. p. 177. ISBN  9781484240694.
  5. ^ "App HTML Layout | Framework7 hujjatlari". framework7.io. Olingan 2019-08-21.
  6. ^ "Framework7 hujjatlari". framework7.io. Olingan 2019-08-21.

Tashqi havolalar