微信小程序:如何实现两个按钮在最右侧并排


要实现的效果:

 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