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

来源：互联网发布：lol欧服账号淘宝编辑：程序博客网时间：2024/05/21 09:58

这里写图片描述

 <!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>

阅读全文

0 0

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

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