NATIVEDROID - Tema Percuma untuk JQuery Mobile 1.3

nativedroid: tema jQuery mudah alih mudah alih 1.3

Artikel ini memperkenalkan Nativedroid, tema baru dan mudah yang dibuat untuk jQuery Mobile 1.3. Versi pertamanya (v0.1) boleh didapati secara percuma di nativedroid.godesign.ch dan boleh digunakan untuk sebarang projek peribadi dan komersial, hanya menambah backlink ke atribusi projek.

Ciri -ciri Nativedroid:

Reka bentuk antara muka adalah dekat dengan gaya Android Holo.

• Berdasarkan CSS3/HTML5 tulen, tiada gambar diperlukan (menggunakan font hebat untuk menyediakan ikon).
• tersedia dalam 5 skema warna (biru/hijau/ungu/merah/kuning) yang boleh digabungkan dengan tema cerah dan gelap.
• Rangka kerja permulaan untuk mana -mana projek mudah alih.
• Tiada kod JavaScript tambahan diperlukan.
• Menyediakan contoh semua komponen JQuery Mobile 1.3.
• semua ikon fon hebat boleh ditambah melalui atribut
JQM.
• data-icon

Menggunakan Petua dan Langkah berjaga -jaga:

Nativedroid hanyalah tema mudah alih jQuery, anda boleh menggunakan mana -mana ciri yang disediakan oleh JQM, tetapi untuk kesan visual yang lebih baik, sila ambil perhatian yang berikut:

Semua gaya digunakan untuk

.

1. hanya menggunakan lembaran gaya struktur JQuery Mobile (CSS/JQueryMobile.css), dan tidak termasuk gaya tema. JQuery Mobile's Themerroller menjana stylesheets yang memecahkan reka bentuk. data-theme='b' Parameter
2. tidak sah di Nativedroid. Sila gunakan tag
sebagai pengganti.
3. data-inset='true|false' <div class="inset"> digunakan dalam kombinasi dengan dan <li> sahaja dan digunakan <code>data-role='header' secara berasingan untuk elemen pautan dalam tajuk. data-position='fixed' data-tap-toggle='false' data-theme='b' belum direka bentuk, sila gunakan dengan berhati -hati. Adalah disyorkan agar anda menyalin satu dari dokumen HTML dalam demo sebagai titik permulaan.
4. data-role='footer'
Warna dan Gaya:



asas CSS:

• : Mengandungi fon dan ikon yang digunakan oleh Nativedroid.

  • : Lembaran gaya struktur asal JQuery Mobile (dimampatkan) tidak termasuk gaya tema. css/font-awesome.min.css
  • : Pelarasan struktur yang diperlukan oleh Nativedroid. css/jquerymobile.css
  • css/jquerymobile.nativedroid.css
  Tema:

• : tema warna terang.

  • : tema gelap. css/jquerymobile.nativedroid.light.css
  • css/jquerymobile.nativedroid.dark.css
  Warna:
• • css/jquerymobile.nativedroid.color.blue.css: gaya biru.
  • css/jquerymobile.nativedroid.color.green.css: Gaya Hijau.
  • css/jquerymobile.nativedroid.color.purple.css: Gaya ungu.
  • css/jquerymobile.nativedroid.color.red.css: gaya merah.
  • css/jquerymobile.nativedroid.color.yellow.css: Gaya kuning.

Anda boleh menyalin sebarang fail CSS warna asas dan menyesuaikan kod warna untuk membuat gaya warna anda sendiri.

Perkembangan Masa Depan:

Nativedroid akan terus dikemas kini, menambah ciri baru dan memperbaiki pepijat.



(Berikut adalah versi mudah dari bahagian FAQ yang asal, elakkan maklumat pendua) Bahagian ini telah diringkaskan, mengekalkan maklumat teras, dan menyusun semula dan menyatakan masalah.

FAQ:

• Pasang: Muat turun tema, unzip fail, dan letakkan fail dalam direktori projek, dan kemudian hubungkan fail CSS dan JS dalam fail HTML.
• keserasian: Direka untuk jQuery Mobile 1.3, keserasian versi lain tidak dijamin.
• Penyesuaian: Penyesuaian fail CSS dan JS. Ingatlah untuk menyandarkan fail asal.
• Penyelesaian Masalah: Periksa sama ada pemasangan dan pautan betul dan lihat mesej ralat konsol.
• Reka bentuk responsif: menyokong reka bentuk responsif.
• Penggunaan Komersial: boleh digunakan dalam projek komersial.
• Kemas kini: Kemas kini pelepasan secara teratur dan muat turun versi terkini untuk menggantikan fail lama.
• Sokongan bahasa RTL: tidak disokong secara asli, fail CSS perlu diubah suai.
• Tambahan plugin: Sertakan fail JS dan CSS plugin dalam fail HTML, pastikan anda diletakkan di belakang fail tema.
• Rangka kerja JavaScript lain: Ia disyorkan untuk digunakan dengan jQuery Mobile.

Atas ialah kandungan terperinci NATIVEDROID - Tema Percuma untuk JQuery Mobile 1.3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!