ionic之样式bar-assertive
Feb 17, 2017 pm 01:47 PM1、实例背景
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>
3、实现结果
以上就是ionic之样式bar-assertive 的内容,更多相关内容请关注PHP中文网(www.php.cn)!

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

macOS: Cara menukar warna widget desktop

Panduan untuk menyelesaikan salah jajaran halaman web WordPress

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

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

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

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

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