微信小程序各類標籤介紹

1、視圖容器

view

• 類比於html 中的div標籤功能
• developers.weixin.qq.com/miniprogram…
• 具有的屬性
  • 主要是具鼠標懸浮的一些屬性，類比於hover僞類

<view 
        class='exp-class'
        hover-class='exp-hover' 
        hover-start-time='50' 
        hover-stay-time='400' 
        hover-stop-propagation='fasle'
    >
    
    </view>
  
    .exp-class{
      width: 100px;
      height: 100px;
      background: #000;
    }
    .hover-class{
      background: #ff0000;
    }
複製代碼

scroll-view

• 可滾動視圖區域
• developers.weixin.qq.com/miniprogram…]
• 橫向滾動，縱向滾動。
• 能夠類比於屬性overflow:scroll;overflow-x:scroll;overflow-y:scroll
• 具有的屬性

swiper

moveable-view

cover-view

2、導航

navigator

• 類比於html 中的a標籤功能

functional-page-navigator

3、文本內容

icon

text

rich-text

progress

4、表單

form

input

textarea

button

checkbox

radio

label

switch

slider

picker

pickerview

五 媒體

image

audio

video

camera

live-player

live-pusher

6、地圖

map

7、畫布

canvas