1.text
.text{
display:block;//展示方式
}
2.view
.container{
background-color: #000000;//背景色
height: 100vh;//高度
width:100rpx;//宽度
text-align:center;//文本对齐方式
display:flex;//flex为一种排布方式,名为弹性盒子,可通过flex-direction来修改
flex-direction: column;//column垂直
justify-content:space-around//内容均匀分布
align-items:center//组件内子组件的排列方式
}
3.各组件之间距离的展示
.image,text{
margin-bottom:60px;
}//意思是image和text组件都需要间隔60px的距离