ionic选项卡操作

最新推荐文章于 2021-07-06 04:50:43 发布

李帅磊

最新推荐文章于 2021-07-06 04:50:43 发布

阅读量220

点赞数

本文链接：https://blog.csdn.net/lishuaileibo/article/details/78806321

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/ionic.bundle.min.js" ></script>
<link rel="stylesheet" href="css/ionic.css" />
</head>
<body ng-app="myapp" ng-controller="mycr">
<ion-tabs class="tabs-positive tabs-icon-only">


<ion-tab title="Home" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline">

<h1>你好啊</h1>
</ion-tab>

<ion-tab title="About" icon-on="ion-ios-clock" icon-off="ion-ios-clock-outline">

<h1>我来拉</h1>
</ion-tab>

<ion-tab title="Settings" icon-on="ion-ios-gear" icon-off="ion-ios-gear-outline">

<h4>别跑啊</h4>
</ion-tab>

</ion-tabs>

</body>
<script>
var app=angular.module("myapp",["ionic"]);
app.controller("mycr",function($scope){

});
</script>
</html>