1.显示布局
display:block
display:flex
display-direction: row/column
flex =1 则优先放大缩小
flex =0 默认保持尺寸不变
2.位置布局
position: absolute;
position:relative;
3.条件渲染
wx:if
wx:elif
wx:elif
wx:elif
...
wx:else (类似switch中break,从上到下,一旦符合就立即退出接下来的条件渲染判断)
纯用上面的条件渲染,我们一次只能控制一个组件的条件渲染。
使用block标签,包住多个组件,可以在控制多个组件的条件渲染
<block wx:if="{{true}}">
<view>...<>
<view>...<>
</block>
注意block 并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性!!!
block 这里替换成view组件标签也是可以的,但是,为了节省性能,我们必须使用最少的(组件)标签,来满足我们的界面要求