<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
<script type="text/javascript">
angular.module('starter', ['ionic'])
.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if(window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if(window.StatusBar) {
StatusBar.styleDefault();
}
});
})
.controller( 'actionsheetCtl',['$scope',function($scope){
$scope.onTap=function(){
location.href="https://www.sogou.com/sgo?query=www.baidu.com&hdq=sogou-wsse-16bda725ae44af3b-0099&lxod=0_18_1_-1_1&lxea=2-1-4-8.6.0.1519-3-CN1100-0-1-2-CC69EEC9FB681B64BCF89CC1A4EE2684-49&lxoq=www&lkx=0&ie=utf8";
}
}])
</script>
</head>
<body ng-app="starter" ng-controller="actionsheetCtl">
<h3>bar-positive</h3>
<div class="bar bar-header bar-positive">
<h1 class="title">八维商店</h1>
</div>
<button on-tap="onTap()" class="button">轻击我</button>
<button class="button">
Default
</button>
<button class="button button-light">
button-light
</button><br />
<button class="button button-stable">
button-stable
</button>
<button class="button button-positive">
button-positive
</button><br />
<button class="button button-calm">
button-calm
</button>
<button class="button button-balanced">
button-balanced
</button><br />
<button class="button button-energized">
button-energized
</button>
<button class="button button-assertive">
button-assertive
</button><br />
<button class="button button-royal">
button-royal
</button>
<button class="button button-dark">
button-dark
</button><br />
<div class="bar bar-footer bar-balanced">
<div class="title">本商城由八维负责</div>
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
<script type="text/javascript">
angular.module('starter', ['ionic'])
.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if(window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if(window.StatusBar) {
StatusBar.styleDefault();
}
});
})
.controller( 'actionsheetCtl',['$scope',function($scope){
$scope.onTap=function(){
location.href="https://www.sogou.com/sgo?query=www.baidu.com&hdq=sogou-wsse-16bda725ae44af3b-0099&lxod=0_18_1_-1_1&lxea=2-1-4-8.6.0.1519-3-CN1100-0-1-2-CC69EEC9FB681B64BCF89CC1A4EE2684-49&lxoq=www&lkx=0&ie=utf8";
}
}])
</script>
</head>
<body ng-app="starter" ng-controller="actionsheetCtl">
<h3>bar-positive</h3>
<div class="bar bar-header bar-positive">
<h1 class="title">八维商店</h1>
</div>
<button on-tap="onTap()" class="button">轻击我</button>
<button class="button">
Default
</button>
<button class="button button-light">
button-light
</button><br />
<button class="button button-stable">
button-stable
</button>
<button class="button button-positive">
button-positive
</button><br />
<button class="button button-calm">
button-calm
</button>
<button class="button button-balanced">
button-balanced
</button><br />
<button class="button button-energized">
button-energized
</button>
<button class="button button-assertive">
button-assertive
</button><br />
<button class="button button-royal">
button-royal
</button>
<button class="button button-dark">
button-dark
</button><br />
<div class="bar bar-footer bar-balanced">
<div class="title">本商城由八维负责</div>
</div>
</body>
</html>