CSS 使用Flex布局让元素保持在页面底部(使用absolute或者fixed布局可以使元素保持在页面底部,但是软键盘弹起时元素也跟着一起弹起)(安卓机)
<!-- html部分 -->
<view class="content">
<view class="accomplish">完成</view>
</view>
<style lang="scss" scoped>
//css部分
.content {
min-height: 100%;//保证父节点至少占满高度
display: flex;
flex-direction: row;//决定主轴的方向:主轴为水平方向,起点在左端
flex-wrap: wrap;//换行,第一行在上方
justify-content: center;
.accomplish {
align-self: flex-end;//对齐方式
width: 702rpx;
padding: 20rpx 0;
text-align: center;
background-color: #3482B5;
color: #FFFFFF;
border-radius: 74rpx;
font-size:36rpx;
margin-bottom: 100rpx;
}
}
</style>