Question

我正在进行一个演示，其中有一个标题，并且有一个搜索栏（见图）。我能够制作标题。我需要一个搜索栏，它是一个水平居中的搜索图标。我们可以在离子这种输入领域制作吗？

这是我的代码 http://codepen.io/anon/pen/RPKxra

<html ng-app="ionicApp">
   <head>
      <meta charset="utf-8">
      <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
      <title>Tabs Example</title>
      <link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
      <script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>
   </head>
   <body>
   </body>
 <ion-view ng-controller="showhidecntr">
    <ion-header-bar align-title="center" class="bar-balanced">
        <div class="buttons">
            <a class="button icon-left ion-chevron-left button-clear backbtnClass">back</a>
            <!--i style="font-size:30px;" class='icon ion-chevron-left'></i-->
        </div>
        <h1 class="title">title</h1>
    </ion-header-bar>
    <ion-content>





    </ion-content>
</ion-view>
</html>

如何在中心设置搜索栏输入字段？

0 个答案: