1. 程式人生 > >微信小程序 視圖層(wxml,wxss)

微信小程序 視圖層(wxml,wxss)

全局 快速開發 text icon inpu 應用 容器 form IE

豐富的組件:https://developers.weixin.qq.com/miniprogram/dev/component/

全局樣式:app.wxss

頁面+頁面樣式:page.wxml +page.wxss

視圖層將邏輯層的數據反映成視圖,同時將視圖層的事件發送給邏輯層。

  框架為開發者提供了一系列基礎組件,開發者可以通過組合這些基礎組件進行快速開發。

  什麽是組件:(所有組件與屬性都是小寫,以連字符-連接)

  • 組件是視圖層的基本組成單元。
  • 組件自帶一些功能與微信風格的樣式。
  • 一個組件通常包括開始標簽結束標簽屬性用來修飾這個組件,內容在兩個標簽之內。

  屬性類型:Boolean、Number、String、Array、Object、EventHandler

  共同屬性類型:id、class、style、hidden、data-*、bind* / catch*

  組件分類:視圖容器、基礎內容、表單組件、導航、媒體組件、地圖、畫布等。

    視圖容器:

      view:視圖容器

      scroll-view:可滾動視圖容器

      swiper:滑塊視圖容器

    基礎內容:

      icon: 圖標

      text:文字

      progress:進度條

    表單組件:

      button:按鈕

      form:表單

      input:輸入框

      checkbox:多項選擇器

      radio:單項選擇器

      picker:列表選擇器

      picker-view:內嵌列表選擇器

      slider:滾動選擇器

      switch:開關選擇器

      label:標簽

    導航:

      navigator:應用鏈接

    媒體組件:

      audio:音頻

      image:圖片

      video:視頻

    地圖:

      map:地圖

    畫布:

      canvas:畫布

微信小程序 視圖層(wxml,wxss)