ionic选项卡操作

来源：互联网发布：java小游戏开发实例编辑：程序博客网时间：2024/06/05 10:12

<!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>

阅读全文

0 0