1. Exemple d'arrière-plan
le titre ionique est un en-tête de barre, le sous-titre est un sous-en-tête de barre et le titre du bas est un pied de page
2. Code source d'implémentation
<!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-footer</title>
<link rel="stylesheet" href="../css/ionic.css" />
<script type="text/javascript" src="../js/ionic.bundle.js" ></script>
<script>
var app = angular.module("footerApp",["ionic"]);
app.controller("footerController",function($scope){
$scope.header = "标题";
$scope.subheader = "副标题";
$scope.footer = "底部";
});
</script>
</head>
<body ng-app="footerApp" ng-controller="footerController">
<p class="bar bar-header bar-dark">
<label class="title">{{header}}</label>
</p>
<p class="bar bar-subheader bar-calm">
<label class="title">{{subheader}}</label>
</p>
<p class="bar bar-footer bar-energized">
<label class="title">{{footer}}</label>
</p>
</body>
</html>
3. Résultats de la mise en œuvre
Ce qui précède est la barre inférieure du contenu du pied de page ionique, veuillez faire attention au site Web PHP chinois (www.php.cn) pour plus de contenu connexe !
Que signifient les composants électroniques ?
format flac
Comment ouvrir un compte en monnaie numérique
Qu'est-ce que la vente à découvert ?
Comment utiliser mois_entre dans SQL
Comment lier des données dans une liste déroulante
Que signifie la liquidation ?
Numéro de téléphone mobile virtuel pour recevoir le code de vérification
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
