微信小程序:如何實現兩個按鈕在最右側並排


要實現的效果:

 wxml端代碼:

<view class="search_btn">
        <view class="search_btn1">
            <button size="mini" type="primary" bindtap="reset">清空</button>
        </view>
        <view class="search_btn2">
            <button size="mini" type="primary" bindtap="query">搜索</button>
        </view>
        <navigator class="search_btn3" url="/pages/prepare_supplyNoteList/index">
            <button size="mini" type="primary">新增</button>
        </navigator> 
    </view> 

樣式代碼

page .in_order_form .search_btn1 {
  margin: 20rpx 0 20rpx 20rpx;
  float: right;
}
page .in_order_form .search_btn2 {
  margin: 20rpx 0 20rpx 20rpx;
  float: right;
}
page .in_order_form .search_btn3 {
  margin: 20rpx 0 20rpx 0;
  float: right;
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM