1.顯示布局
display:block
display:flex
display-direction: row/column
flex =1 則優(yōu)先放大縮小
flex =0 默認(rèn)保持尺寸不變
2.位置布局
position: absolute;
position:relative;
3.條件渲染
wx:if
wx:elif
wx:elif
wx:elif
...
wx:else (類似switch中break卦停,從上到下薇溃,一旦符合就立即退出接下來(lái)的條件渲染判斷)
純用上面的條件渲染耗啦,我們一次只能控制一個(gè)組件的條件渲染遏佣。
使用block標(biāo)簽,包住多個(gè)組件博个,可以在控制多個(gè)組件的條件渲染
<block wx:if="{{true}}">
<view>...<>
<view>...<>
</block>
注意block 并不是一個(gè)組件空猜,它僅僅是一個(gè)包裝元素,不會(huì)在頁(yè)面中做任何渲染薛训,只接受控制屬性C铰稹!乙埃!
block 這里替換成view組件標(biāo)簽也是可以的闸英,但是,為了節(jié)省性能介袜,我們必須使用最少的(組件)標(biāo)簽甫何,來(lái)滿足我們的界面要求