communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > bouton de style ionique

bouton de style ionique

黄舟
Libérer： 2017-02-17 13:32:57
original
1062 Les gens l'ont consulté

1. Arrière-plan de l'instance

Boutons communs dans ionic, utilisez class="button" pour définir le style du bouton, il s'agit de définir le style normal


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之样式button</title>
		<link rel="stylesheet" href="../css/ionic.css" />
		<script type="text/javascript" src="../js/ionic.bundle.js" ></script>
		<script>
			var app = angular.module("buttonApp",["ionic"]);
			app.controller("buttonController",function($scope){
				$scope.button = "查询";
			});
		</script>
	</head>
	<body ng-app="buttonApp" ng-controller="buttonController">
		<p class="button">
			<label class="title">{{button}}</label>
		</p>
	</body>
</html>
Copier après la connexion


3. Résultats de la mise en œuvre

bouton de style ionique

Ce qui précède est le contenu du bouton de style ionique. Pour plus de contenu connexe, veuillez faire attention au bouton de style ionique. Site Web chinois PHP (www.php.cn) !


Étiquettes associées：
ionic，button
source：php.cn
Article précédent：Minuterie d'arrêt AngularJS Article suivant：Le pied de page inférieur d'ionic
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Créez un effet de survol qui transforme le bouton de menu en forme de X avec une version clone ombré Tout d'abord, je tiens à admettre que mon titre prête à confusion et j'en suis désolé. Ce ...
Depuis 2024-04-04 11:55:21
0
2
315
Erreur lors du collage de la fonction API des données du presse-papiers en javascript. Uncaught TypeError : Impossible de lire les propriétés de undefined (lecture de « getData ») Le code du bouton HTML est le suivant, j'ai essayé la simple fonction onclick sur le bouto...
Depuis 2024-04-04 10:23:52
0
1
335
React MUI : problème de sélection de valeur et valeur par défaut manquante Je crée un formulaire en réaction en utilisant mui et formik. Lors de l'utilisation de sel...
Depuis 2024-04-04 08:32:56
0
1
420
React CSS importé dans le module jsx n'est pas appliqué J'importe mon fichier CSS comme ceci : importstylesfrom "./Documentation.module.css&q...
Depuis 2024-04-03 18:41:07
0
1
365
Problème d'addition dynamique avec manque d'espace entre les éléments J'ai le modèle suivant dans mon balisage. <templateid="unsequenced-template"&...
Depuis 2024-04-02 16:51:12
0
1
315
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal