在移動端的UI設(shè)計中，常常需要使用按鈕置底的布局方式。如果使用原生開發(fā)，實現(xiàn)難度較大，但在使用uni-app進(jìn)行開發(fā)時，可以比較容易地實現(xiàn)這一效果。

在uni-app中，可以使用flex布局實現(xiàn)按鈕置底。首先需要設(shè)置整個頁面的容器為flex布局，并設(shè)置flex-direction為column。

.page{ 
display:flex;
height:100%;
flex-direction:column; 
}

然后可以使用一個新的div包裹主體內(nèi)容，并將其設(shè)置為flex-grow:1，以使其占據(jù)剩余空間。

.content{
flex-grow:1;
}

最后，在頁面的底部，可以添加按鈕的容器，將其設(shè)置為flex布局，并將justify-content屬性設(shè)置為flex-end，以使其沿著底部排列。

.btn-container{
display:flex;
justify-content:flex-end;
}

這樣，就可以輕松地實現(xiàn)按鈕置底的效果。