Opi w3 -kouluille, miten ja miten se toteutetaan Vuen avulla

Blogi

Opi w3 -kouluille, miten ja miten se toteutetaan Vuen avulla

w3schools-vue-komponentit

Oppia w3koulut HOWTO ja toteuta se Vue: n avulla.



Vue toteuttaa monia inspiraatioita Elementti

Esimerkkisivu



Lähdehakemisto

  • Pakettihakemisto sisältää lähdekoodin ja dokumentaation jokaiselle toteutukselle.
  • Src -hakemisto sisältää käyttöesimerkkejä.

Kuvakkeet

Käytä Googlen materiaalisuunnittelukuvakkeita

Tämänhetkinen edistyminen

Valikot

  • Harmonikka (harmonikkapaneeli)
  • Välilehdet
  • Pystysuorat välilehdet
  • Välilehden otsikot (päävälilehti -sivu)
  • Koko sivun välilehdet (koko sivun välilehdet)
  • Vie hiiren välilehdet (hiiren liike laukaisee vastaavan välilehden)
  • Suosituin navigointi (navigointipalkki)
  • Responsiivinen Topnav (reagoiva navigointipalkki)
  • Navigointipalkki kuvakkeilla (navigointipalkki kuvakkeilla)
  • Haku -valikko (haettavissa oleva valikko)
  • Hakupalkki (navigointipalkki + hakutoiminto)
  • Kiinteä sivupalkki (kiinteä navigointi)
  • Sivunavigointi (sivunavigointipalkki)
  • Responsiivinen sivupalkki (responsiivinen navigointivalikko)
  • Koko näytön navigointi (koko näytön navigointisivu)
  • Canvas-valikko (???)
  • Hover Sidenav -painikkeet (mobiililaukaisun navigointinäyttö)
  • Sivupalkki kuvakkeilla (kuvakkeiden sivupalkki)
  • Vaakasuuntainen vieritysvalikko (vaakasuuntainen vieritysvalikko)
  • Pystysuora valikko
  • Navigointi alhaalta (navigointi alavalikossa)
  • Responsiivinen alareunan navigointi (alhaalla reagoiva valikon navigointi)
  • Alareunan navigointilinkit (navigointi alareunassa)
  • Oikealle kohdistetut valikkolinkit (oikealle kohdistettu valikko)
  • Keskitetty valikkolinkki (keskitetty valikko)
  • Yhden leveyden valikkolinkit (yhtä leveä valikko)
  • Kiinteä valikko
  • Slide Down Bar on Scroll (avattava valikko)
  • Piilota navigointipalkki vierityksessä (vieritys piilovalikko)
  • Kutista navigointipalkkia vierityksessä (vieritys voi kutistua)
  • Sticky Navbar (kiinteä navigointipalkki)
  • Kuvan navigointipalkki (kuvien kanssa)
  • Vie hiiren pudotusvalikot (siirrä laukaisimen pudotusvalikko)
  • Napsauta pudotusvalikkoja (napsauta avattavaa valikkoa napsauttamalla)
  • Pudotusvalikko Topnavissa (ylhäältä avattava avattava valikko)
  • Sidenavin pudotusvalikko (sivunavigointivalikko)
  • Resp Navbar -pudotusvalikko (Responsiivisen navigoinnin pudotusvalikko)
  • Subnavigation -valikko (upotettu valikko)
  • Pudotus (ponnahdusvalikko)
  • Mega -valikko (monet valikot)
  • Mobiilivalikko (mobiilipäätevalikko)
  • Verhovalikko (en tiedä miten kääntää se ... Samanlainen kuin lavaverhojen näyttövalikko)
  • Tiivistetty sivupalkki (kokoontaitettava sivuvalikko, joka vaikuttaa sisältöalueen kokoon)
  • Tiivistetty sivupaneeli (kokoontaitettava sivuvalikkopaneeli, sisältöalue ei vaikuta)
  • Sivutus (sivutehoste)
  • Korppujauhot (leivänmurut)
  • Button -ryhmä
  • Pystypainikkeiden ryhmä
  • Sticky Social Bar (kiinteä jakamisvalikko)
  • Pill Navigation (pilleri -navigointi?)
  • Responsiivinen otsikko (reagoiva navigointi)

Lataustiedot:

Kirjailija: caizhiyuannn



Esittely: https://caizhiyuannn.js.org/w3schools-vue-components/

Lähdekoodi: https://github.com/caizhiyuannn/w3schools-vue-components

#vuejs #vue #javascript