<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/ionic.css" />
<script type="text/javascript" src="js/ionic.bundle.min.js" ></script>
</head>
<body ng-app="myapp" ng-controller="cre">
<!--第一种写法-->
<!--<div class="bar bar-header bar-positive">
<h1 class="title">八维商城</h1>
</div>-->
<!--第二种写法-->
<ion-header-bar class="bar-positive">
<h1 class="title">八维商城</h1>
</ion-header-bar>
<ion-content>
<input class="button button-light" value="button light"/><input class="button button-stable"value="button-stable" /><br />
<input class="button button-positive" value="button positive"/><input class="button button-calm" value="button calm" /><br />
<input class="button button-energized" value="button energized"/><input class="button button-assertive" value="button assertive" /><br />
<input class="button button-royal" value="button royal"/><input class="button button-dark" value="button dark" /><br />
</ion-content>
<!--<div class="bar bar-footer bar-assertive">
<h1 class="title">本商城由八维公司负责维护</h1>
</div>-->
<ion-footer-bar class="bar-assertive">
<h1 class="title">本商城由八维公司负责维护</h1>
</ion-footer-bar>
</body>
<script>
var mo=angular.module("myapp",["ionic"]);
mo.controller("cre",function($scope){
})
</script>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/ionic.css" />
<script type="text/javascript" src="js/ionic.bundle.min.js" ></script>
</head>
<body ng-app="myapp" ng-controller="cre">
<!--第一种写法-->
<!--<div class="bar bar-header bar-positive">
<h1 class="title">八维商城</h1>
</div>-->
<!--第二种写法-->
<ion-header-bar class="bar-positive">
<h1 class="title">八维商城</h1>
</ion-header-bar>
<ion-content>
<input class="button button-light" value="button light"/><input class="button button-stable"value="button-stable" /><br />
<input class="button button-positive" value="button positive"/><input class="button button-calm" value="button calm" /><br />
<input class="button button-energized" value="button energized"/><input class="button button-assertive" value="button assertive" /><br />
<input class="button button-royal" value="button royal"/><input class="button button-dark" value="button dark" /><br />
</ion-content>
<!--<div class="bar bar-footer bar-assertive">
<h1 class="title">本商城由八维公司负责维护</h1>
</div>-->
<ion-footer-bar class="bar-assertive">
<h1 class="title">本商城由八维公司负责维护</h1>
</ion-footer-bar>
</body>
<script>
var mo=angular.module("myapp",["ionic"]);
mo.controller("cre",function($scope){
})
</script>
</html>