Question

我尝试将工具栏按钮置于此代码的中心，但它无效。

<ons-bottom-toolbar fixed-style>
    <div class="center">
        <ons-toolbar-button ng-click="">كارگاه 1</ons-toolbar-button>
        <ons-toolbar-button ng-click="">كارگاه 2</ons-toolbar-button>
        <ons-toolbar-button ng-click="">كارگاه 3</ons-toolbar-button>
        <ons-toolbar-button ng-click="">نمايشگاه</ons-toolbar-button>
    </div>
</ons-bottom-toolbar>

我能做些什么吗？

Answer 1

我遇到了同样的问题并得到了解决方法，

<ons-page>
  <ons-bottom-toolbar>
    <div class="tab-bar">
      <label ng-click="" class="tab-bar__item">
        <input type="radio" name="tab-bar-b">
             <button class="tab-bar__button">
               كارگاه 1
             </button>
      </label>
      <label ng-click="" class="tab-bar__item">
        <input type="radio" name="tab-bar-b">
             <button class="tab-bar__button">
               كارگاه 2
             </button>
      </label>
      <label ng-click="" class="tab-bar__item">
        <input type="radio" name="tab-bar-b">
             <button class="tab-bar__button">
               كارگاه 3
             </button>
      </label>
      <label ng-click="" class="tab-bar__item">
        <input type="radio" name="tab-bar-b">
             <button class="tab-bar__button">
               نمايشگاه4
             </button>
      </label>
      <!--
      <ons-toolbar-button ng-click="">كارگاه 1</ons-toolbar-button>
      <ons-toolbar-button ng-click="">كارگاه 2</ons-toolbar-button>
      <ons-toolbar-button ng-click="">كارگاه 3</ons-toolbar-button>
      <ons-toolbar-button ng-click="">نمايشگاه</ons-toolbar-button> -->
    </div>
  </ons-bottom-toolbar>
</ons-page>

可悲的是，如果没有解决方法，我也需要同样的东西。看看工作codepen

Onsen UI Bottom Toolbar上的中心工具栏按钮

1 个答案: