搜索栏标题

奥斯丁

我的菜单栏右侧有一个图标。当用户选择该图标时,我希望搜索栏滑入或出现。我想使用<ion-search-bar>标签。

我是CSS或样式设计的新手,因此对我来说有点高级。谁能帮我弄清楚如何在菜单栏中设置搜索栏的样式?我已将其设置为使用ng-click功能,如果不正确,请通知我。

<ion-nav-bar class="bar-positive" align-title="center">
  <ion-nav-back-button>
  </ion-nav-back-button>
  <ion-nav-buttons side="left">
    <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
    </button>
    </ion-nav-buttons>
    <ion-nav-buttons side="right">
      <button class="button button-icon button-clear ion-ios-search" ng-click="showSearchBar()">
      </button>
  </ion-nav-buttons>
</ion-nav-bar>

德鲁·希尔
<ion-search-bar ng-if="$ctrl.showSearch"></ion-search-bar>

<button class="button button-icon button-clear ion-ios-search" ng-click="$ctrl.showSearch = !$ctrl.showSearch">
  </button>

每次您单击按钮时,以上内容都会切换搜索栏。使用CSS过渡对其进行动画处理。http://www.w3schools.com/css/css3_transitions.asp

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

TOP 榜单

热门标签

归档