<!doctype html>

<html class="no-js">

    <head>

        <meta charset="utf-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <title>Amaze UI Widget</title>

        <meta name="description" content="">

        <meta name="keywords" content="">

        <meta name="viewport"

        content="width=device-width, initial-scale=1">

        <meta name="renderer" content="webkit">

        <meta http-equiv="Cache-Control" content="no-siteapp"/>

        <link rel="icon" type="image/png" href="../assets/i/favicon.png">

        <link rel="stylesheet" href="../assets/css/amazeui.min.css">

        <link rel="stylesheet" href="../assets/css/app.css">

        <script src="../assets/js/jquery.min.js"></script>

        <script src="../assets/js/amazeui.js"></script>

        <script src="../assets/js/handlebars.min.js"></script>

        <script src="../assets/js/amazeui.widgets.helper.js"></script>

        <script src="../script/my.js"></script>

    </head>

    <body>

    <script type="text/javascript" src="../script/api.js"></script>

        <script>

            $(document).ready(function() {

                //alert("fsadf");

            });

        </script>

        <header data-am-widget="header"

        class="am-header am-header-default">

            <div class="am-header-left am-header-nav">

                <a href="javascript:;" class="" id="back"> <i class="am-header-icon am-icon-angle-left"></i> </a>

            </div>

            <h1 class="am-header-title"><a href="#title-link" class=""> Amaze UI </a></h1>

            <div class="am-header-right am-header-nav">

                <a href="#right-link" class=""> <i class="am-header-icon am-icon-bars"></i> </a>

            </div>

        </header>

        <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default "

        id="">

            <ul class="am-navbar-nav am-cf am-avg-sm-4">

                <li >

                    <a href="sms:18516090104?body=约吗？" class=""> <img src="http://amazeui.b0.upaiyun.com/assets/i/cpts/navbar/Information.png" alt="消息"/> <span class="am-navbar-label">消息</span> </a>

                </li>

                <li >

                    <a href="tel:18601860186" class=""> <img src="http://amazeui.b0.upaiyun.com/assets/i/cpts/navbar/phone.png" alt="呼叫"/> <span class="am-navbar-label">呼叫</span> </a>

                </li>

                <li data-am-navbar-share>

                    <a href="###" class=""> <img src="http://amazeui.b0.upaiyun.com/assets/i/cpts/navbar/share.png" alt="分享"/> <span class="am-navbar-label">分享</span> </a>

                </li>

                <li >

                    <a href="javascript:;" class="" id="ditu"> <img src="http://amazeui.b0.upaiyun.com/assets/i/cpts/navbar/map.png" alt="地图"/> <span class="am-navbar-label">地图</span> </a>

                </li>

            </ul>

        </div>

        <script>

            $("#ditu").click(function() {

                //alert("afsdfdas");

                var a = api.pageParam.name ;

                alert(a);

                api.openWin({

                    name : 'aaaaaa',

                    url : './home.html',

                    pageParam : {

                        name : 'fuck'

                    }

                });

            });

            $("#back").click(function() {

                //alert("afsdfdas");

                api.closeWin({

                    name : "aaaaaa"

                });

            });

        </script>

    </body>

</html>

apicloud的更多相关文章

  1. 【APICloud】利用sublimetext3编写apicloud

    下载sublime text 3 安装插件 使用模糊搜索apicloud有三个插件全部下载下来 安装海马玩模拟器,这是一个安卓的模拟器,进入官网下载后直接安装就可以了. 打开sublime text ...

  2. 【APICloud】APICloud基础学习与快速入门

    前言:回顾这几天学习情况,总的来说APICloud官网它的学习资料和社区还是足够了,但是我必须吐槽一句,实在是过于混乱了,视频资料文档资料它一股脑地都堆在了那里,这几天基本处于在各个地方跳转,然后现在 ...

  3. APiCloud真机调试需要注意的几个问题

    具体请看官方文档:http://docs.apicloud.com/Dev-Tools/wifi-debug. APiCloud Android手机真机调试,需要首先在手机上安装官网提供的apploa ...

  4. Sublime、Webstorm等在APICloud平台上全面支持WiFi真机同步和实时预览功能

    APICloud工具插件包括APICloud Studio.Sublime Text和Webstorm全面为开发者提供iOS和Android平台真机同步调试功能,不仅可以通过USB方式进行APP真机同 ...

  5. phongap、APICloud、ionic等app开发平台你都知道吗？

    大众创业热,很多人都想在互联网大展拳脚,然而大部分人却是非技术背景.针对这个行业痛点,现在国内外涌现出众多APP开发工具,开发者只要有相关的HTML5.CSS和JavaScript知识,便可以轻松快速 ...

  6. apiCloud图片选择、处理、上传模块

    将 apiCloud 开发app的图片上传流程,完整封装成了一个页面,页面处理一些必备的处理库外和css外 ,还需要依赖jquery 库,不过可以不管,页面默认使用cnd引用. 页面使用接口如下:pa ...

  7. APICloud开发App总结(一)

    apiCloud app 开发是最近一两年刚刚兴起的一种混合开发方式.常用的模块以原生方式开发好,然后用js进行粘合.组织,完成整个的app的逻辑.这种开发方式极大的提高了软件模块的复用率,加快了ap ...

  8. DCloud与APICloud的对比

    DCloud与APICloud这两家目前应该说是市场占有率和人气较高的国内团队:国内还有一些其他的方案如AppCan.exMobi之类的,但可能是商业运作手法上Big不够,近两年的名气不太大,但各自其 ...

  9. APICloud：轻松6步完成App软件开发

    现如今,谁不知道App绝对就是OUT,谁不用App简直没法过日子!但是说到App软件开发,不懂编程,不懂技术的人就一脸懵圈.在门外汉来看,App软件开发是一件非常困难的事情,然而APICloud却说, ...

  10. APICloud提供适用于命令行的开发工具，开发更具极客精神！

    APICloud近期大动作不断,上周刚刚支持Atom编辑器,并推出核心开发工具库.本周又为开发者提供了一款超轻便的新开发工具--CLI工具! 操作系统: Mac/Windows/Linux nodej ...

随机推荐

  1. VsVim的快捷键使用

    .插入命令(可配合数字使用) i 在当前位置前插入 I 在当前行首插入 a 在当前位置后插入 A 在当前行尾插入 o 在当前行之后插入一行 O 在当前行之前插入一行 ni/a/o/I/A/O<E ...

  2. app兼容性测试的几种方案

    1.统计自己的应用被使用的数据 通过友盟或Flurry等在应用嵌入,得到应用在哪些机型上被安装了,排名前十的就是测试的重点机型 2.可参考兼容性测试平台的测试结果 比如Testin或百度的MTC平台, ...

  3. 我是如何给discuz模板做语法高亮的

    本人一直做ASP.NET开发,近期接到任务要用Discuz开发一个社区,第一次接触PHP,PHP灵活的语法,天生的模块化,各种语法糖深深的震惊了我,我从内心深处感受到了PHP是最牛逼的语言!!! 好了 ...

  4. CSU 1810 Reverse

    湖南省第十二届大学生计算机程序设计竞赛$H$题 规律,递推. 这种问题一看就有规律.可以按位统计对答案的贡献.即第$1$位对答案作出了多少贡献,第$2$位对答案作出了多少贡献.....累加和就是答案. ...

  5. 伪AP检测技术研究

    转载自:http://www.whitecell-club.org/?p=310 随着城市无线局域网热点在公共场所大规模的部署,无线局域网安全变得尤为突出和重要,其中伪AP钓鱼攻击是无线网络中严重的安 ...

  6. angular学习笔记

    1.forEach      arr:参数是key,index json:与jquery相反,参数是value,key2.str-->json    JSON.parse()       ang ...

  7. eclipse中link方式安装插件

    今天需要给eclipse安装svn插件,觉得link方式便于管理于是就打算用这种方式来安装. 我电脑上的eclipse的安装目录是   E:\tools\eclipse   下面开始安装 1.在ecl ...

  8. iframe自适应高度处理方案

    第一种:这个方案能解决大多数自适应高度问题,方法是在iframe所要加载的页面上添加代码,把它的高度告诉iframe所在页面.缺点显而易见,如果iframe要加载的页面非常多而且不固定那么代码加起来很 ...

  9. CodeForces 546D

    Description 两个士兵在玩一个游戏,开始的时候第一个士兵选择一个数n,并把这个数交给第二个士兵,第二个士兵必须选择一个x满足x>1 且n能被x整除,然后将n变为n/x,然后把这个数交给 ...

  10. Java与JavaScript中判断两字符串是否相等的区别

    JavaScript是一种常用的脚本语言,这也决定了其相对于其他编程语言显得并不是很规范.在JavaScript中判断两字符串是否相等 直接用==,这与C++里的String类一样.而Java里的等号 ...