1. 程式人生 > >微信小程式基礎元件之檢視容器

微信小程式基礎元件之檢視容器

什麼是元件?
元件是檢視層的基本組成單元,元件自帶一些功能與微信風格的樣式,一個元件通常包括開始標籤和結束標籤,屬性用來修飾這個元件,內容在兩個標籤之內。
注意:所有元件與屬性都是小寫,以連字元-連線

共同屬性型別
這裡寫圖片描述

基礎元件分為以下七大類,分別是:檢視容器(View Container),基礎內容(Basic Content),表單(Form),導航(Navigation),多媒體(Media),地圖(Map),畫布(Canvas)。

該博文只說檢視容器。檢視容器有以下三類:
這裡寫圖片描述

View 有以下屬性:
這裡寫圖片描述

<view class="main">
  <view
class="title" bindtap="viewTap">
{{title}}</view> <view class="flex_row"> <view class="flex-item1">1</view> <view class="flex-item2">2</view> <view class="flex-item3">3</view> </view> <view class="title">豎排</view> <view
class="flex_column">
<view class="flex-item1">1</view> <view class="flex-item2">2</view> <view class="flex-item3">3</view> </view> </view>

這裡寫圖片描述

下一篇再繼續scroll-view和swiper。