两端对齐

<view class="top">
			<view class="history">
				<image src="../../static/avatar/history.png" mode=""  style="width: 70rpx;height: 70rpx;;"></image>
			</view>
			<view class="title">
				<text>MedBot</text>
			</view>
			<view class="playable">
				<image :src="Icons.stop" mode=""  style="width: 70rpx;height: 70rpx;;"></image>
			</view>
		</view>

display: flex;
		  
justify-content: space-between;/*左右对齐*/
align-items: center;/*垂直居中*/

居中对齐

同理

display: flex;
		      
flex-direction:column;/*水平居中*/
	align-items: center; /* 垂直居中 */