search

Home >Web Front-end >JS Tutorial >ionic style bar-positive

ionic style bar-positive

黄舟
黄舟Original
2017-02-17 14:00:551358browse

1. Instance background

ionic head bar-header, set style bar-positive


2. Implementation source code

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>ionic之样式bar-positive</title>
		<link rel="stylesheet" href="../css/ionic.css" />
		<script type="text/javascript" src="../js/ionic.bundle.js" ></script>
		<script>
			var app = angular.module("positiveApp",["ionic"]);
			app.controller("positiveController",function($scope){
				$scope.positive = "查询";
			});
		</script>
	</head>
	<body ng-app="positiveApp" ng-controller="positiveController">
		<p class="bar bar-header bar-positive">
			<label class="title">{{positive}}</label>
		</p>
	</body>
</html>


3. Implementation source code

ionic style bar-positive


## The above is the content of ionic style bar-positive, more related Please pay attention to the PHP Chinese website (www.php.cn) for content!



Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：ionic style bar-calmNext article：ionic style bar-calm

Related articles

See more