zoukankan      html  css  js  c++  java
  • ionic之样式bar-calm

    1、实例背景

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


    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-calm</title>
    		<link rel="stylesheet" href="../css/ionic.css" />
    		<script type="text/javascript" src="../js/ionic.bundle.js" ></script>
    		<script>
    			var app = angular.module("calmApp",["ionic"]);
    			app.controller("calmController",function($scope){
    				$scope.calm = "删除";
    			});
    		</script>
    	</head>
    	<body ng-app="calmApp" ng-controller="calmController">
    		<div class="bar bar-header bar-calm">
    			<label class="title">{{calm}}</label>
    		</div>
    	</body>
    </html>
    

    3、实现结果


  • 相关阅读:
    vue
    vue
    vue
    vue
    vue
    vue
    vue
    vue
    vue
    vue
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13314041.html
Copyright © 2011-2022 走看看