微信小程序各种标签介绍

2,478 阅读1分钟

一、视图容器

view

    <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

swiper

moveable-view

cover-view

二、导航

navigator

  • 类比于html 中的a标签功能

functional-page-navigator

三、文本内容

icon

text

rich-text

progress

四、表单

form

input

textarea

button

checkbox

radio

label

switch

slider

picker

pickerview

五 媒体

image

audio

video

camera

live-player

live-pusher

六、地图

map

七、画布

canvas