ionic 滚动条

最新推荐文章于 2024-02-11 07:00:00 发布

yedaiyang

最新推荐文章于 2024-02-11 07:00:00 发布

阅读量470

点赞数

本文链接：https://blog.youkuaiyun.com/yedaiyang/article/details/78806365

版权

//第一步还是导包

//小案例

   <ion-tab title="About" icon-on="icon ion-ios-clock" icon-off="icon ion-ios-clock-outline">
    <header class="bar bar-header bar-positive">
     <h1 class="title">Deadlines</h1>
    </header>
    <ion-content has-header="true">
     <h1>Deadlines</h1>
    </ion-content>
   </ion-tab>

   <ion-tab title="Settings" icon-on="icon ion-ios-gear" icon-off="icon ion-ios-gear-outline">
    <header class="bar bar-header bar-positive">
     <h1 class="title">Settings</h1>
    </header>
    <ion-content has-header="true">
     <h1>Settings</h1>
    </ion-content>
   </ion-tab>

  </ion-tabs>
  <script type="text/javascript">
   var mo = angular.module('myApp', ["ionic"]);
   mo.controller("myCtrl", function($scope) {

})
</script>

</body>

//还有一个页面

//slide

//这是ionic的侧拉控件

<body ng-app="myApp" ng-controller="myCtrl">
  <ion-side-menus>
   
            <ion-side-menu side = "left">
            <ul>
              <li>zhangsan</li>
            </ul>
            </ion-slide-menu>
   
            <ion-side-menu-content>
            <div class="content">
              我是中间内容
            </div>
            </ion-side-menu-content>
   
            <ion-side-menu side = "right">
            <ul>
              <li>我是右侧的zhangsan</li>
            </ul>
            </ion-slide-menu>
  </ion-side-menus>

  <script type="text/javascript">
   var mo = angular.module("myApp",["ionic"]);

   mo.controller("myCtrl",function($scope){
   })
  </script>
</body>