微信小程式 3 常用的元件

view是小程式中的檢視容器之一，似於html中的標籤

<

view 
class
="section"
>
<
view 
class
="section__title"
>flex-direction: row
view
>
<
view 
class
="flex-wrp"
style
="flex-direction:row;"
>
<
view 
class
="flex-item bc_green"
>1
view
>
<
view 
class
="flex-item bc_red"
>2
view
>
<
view 
class
="flex-item bc_blue"
>3
view
>
view
>
view
>

<

view 
class
="section__ctn"
>
<
image 
style
="width: 200px; height: 200px;
src="../../demo.png"
>
image
>
view
>

<

view
>
<
text
>hello world
text
>
view
>

<

swiper 
indicator-dots
="true"
autoplay
="true"
interval
="5000"
>
<
swiper-item
>
<
image 
src="/images/1.png"
>
image
>
swiper-item
>
<
swiper-item
>
<
image 
src="/images/2.png"
>
image
>
swiper-item
>
<
swiper-item
>
<
image 
src="/images/3.png"
>
image
>
swiper-item
>
swiper
>

屬性名

型別預設值

說明最低版本

indicator-dots

boolean

false

是否顯示面板指示點

indicator-color

color

rgba(0, 0, 0, .3)

指示點顏色

1.1.0

indicator-active-color

color

#000000

當前選中的指示點顏色

1.1.0

autoplay

boolean

false

是否自動切換

current

number

0當前所在頁面的 index

interval

number

5000

自動切換時間間隔

duration

number

500滑動動畫時長

circular

boolean

false

是否採用銜接滑動

vertical

boolean

false

滑動方向是否為縱向

bindchange

eventhandle

current 改變時會觸發 change 事件，event.detail =

微信小程式 常用元件

官方元件文件 1.檢視容器 view 類似於web中的div，不過他有一些內建的屬性 class box 當手指按下去時，這個容器會有box這個樣式類的效果 類似於web中的span，他是個行內標籤。擁有一些內建的屬性 selectable space 設定空格的大小，他有3個值 ensp 空格大小...

微信小程式開發 元件 3

group class radio group bindchange radiochange class radio wx for checked color pink page radiochange function e 從底部彈起的滾動選擇器。class section class secti...

微信小程式元件

class屬性 可以設定樣式,如果與動態資料繫結結合,元件的class具有動態變化的能力 style 通過style設定元件的內聯樣式,style屬性值中可以設定css的各種屬性 hidden 預設為false,不隱藏 data 屬性 可以用來為元件設定任意的自定義的屬性值,當元件繫結的事件觸發時,...