ionic 简单的头部内容脚步添加

最新推荐文章于 2020-05-20 10:31:21 发布

-久了久了就旧了

最新推荐文章于 2020-05-20 10:31:21 发布

阅读量288

点赞数

本文链接：https://blog.csdn.net/xiaozhang0414/article/details/78829994

版权

angular代码专栏收录该内容

15 篇文章 0 订阅

订阅专栏

这里写图片描述

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
            <!--
            作者：394356286@qq.com
            时间：2017-12-14
            描述：
            使用：
            1.引入相应的js和css文件
            2.注入到模块儿里面
        -->
        <link rel="stylesheet" type="text/css" href="css/ionic.css"/>
        <script src="js/ionic.bundle.min.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body ng-app="myapp" ng-controller="myctl">
        <!--//头部header-->
        <ion-header-bar class="bar-positive" >
             <h1 class = "title">头部</h1>
        </ion-header-bar>
        <!--
            内容
        -->
        <ion-content>
            <ul class="list">
             <!--item 是条目的意思-->
                <li class="item">张露</li>
                <li class="item">张露</li>
                <li class="item">张露</li>
                <li class="item">张露</li>
            </ul>
            <input class="button button-balanced"  type="button" value="按钮"/>
            <input class="button button-balanced"  type="button" value="按钮"/>
            <input class="button button-balanced"  type="button" value="按钮"/>
            <input class="button button-balanced"  type="button" value="按钮"/>
        </ion-content>

            <ion-footer-bar class="bar-assertive">
            <h1 class="title">我是底部</h1>
        </ion-footer-bar>

    </body>
    <script type="application/javascript">
        //这要写不然看不见效果
        var mo = angular.module("myapp" ,["ionic"])
         mo.controller("myctl",function($scope){


         })     
    </script>
</html>