Rumah hujung hadapan web tutorial js ionic之样式bar-assertive

ionic之样式bar-assertive

Feb 17, 2017 pm 01:47 PM
ionic gaya

1、实例背景

     ionic头部bar-header,设置样式bar-assertive


2、实现源码

<!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-assertive</title>
		<link rel="stylesheet" href="../css/ionic.css" />
		<script type="text/javascript" src="../js/ionic.bundle.js" ></script>
		<script>
			var app = angular.module("assertiveApp",["ionic"]);
			app.controller("assertiveController",function($scope){
				$scope.assertive = "提醒";
			});
		</script>
	</head>
	<body ng-app="assertiveApp" ng-controller="assertiveController">
		<p class="bar bar-header bar-assertive">
			<label class="title">{{assertive}}</label>
		</p>
	</body>
</html>
Salin selepas log masuk


3、实现结果

1142.png

 以上就是ionic之样式bar-assertive 的内容,更多相关内容请关注PHP中文网(www.php.cn)!


Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

macOS: Cara menukar warna widget desktop macOS: Cara menukar warna widget desktop Oct 07, 2023 am 08:17 AM

macOS: Cara menukar warna widget desktop

Panduan untuk menyelesaikan salah jajaran halaman web WordPress Panduan untuk menyelesaikan salah jajaran halaman web WordPress Mar 05, 2024 pm 01:12 PM

Panduan untuk menyelesaikan salah jajaran halaman web WordPress

Reka bentuk imej latar belakang web CSS: mencipta pelbagai gaya dan kesan imej latar belakang Reka bentuk imej latar belakang web CSS: mencipta pelbagai gaya dan kesan imej latar belakang Nov 18, 2023 am 08:38 AM

Reka bentuk imej latar belakang web CSS: mencipta pelbagai gaya dan kesan imej latar belakang

Bina apl mudah alih hibrid dengan Python dan Ionic Bina apl mudah alih hibrid dengan Python dan Ionic Jun 17, 2023 pm 12:20 PM

Bina apl mudah alih hibrid dengan Python dan Ionic

Gunakan pemilih kelas pseudo :nth-last-child(2) untuk memilih gaya elemen anak kedua hingga terakhir Gunakan pemilih kelas pseudo :nth-last-child(2) untuk memilih gaya elemen anak kedua hingga terakhir Nov 20, 2023 am 11:22 AM

Gunakan pemilih kelas pseudo :nth-last-child(2) untuk memilih gaya elemen anak kedua hingga terakhir

Kesan teks CSS: tambah pelbagai kesan dan gaya khas pada teks Kesan teks CSS: tambah pelbagai kesan dan gaya khas pada teks Nov 18, 2023 am 10:30 AM

Kesan teks CSS: tambah pelbagai kesan dan gaya khas pada teks

Reka bentuk bar navigasi web CSS: membuat pelbagai gaya bar navigasi Reka bentuk bar navigasi web CSS: membuat pelbagai gaya bar navigasi Nov 18, 2023 pm 04:41 PM

Reka bentuk bar navigasi web CSS: membuat pelbagai gaya bar navigasi

Gunakan pemilih :root pseudo-class untuk memilih gaya elemen akar dokumen Gunakan pemilih :root pseudo-class untuk memilih gaya elemen akar dokumen Nov 20, 2023 pm 02:18 PM

Gunakan pemilih :root pseudo-class untuk memilih gaya elemen akar dokumen

See all articles