<!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. 第 2 章 Node.js 中的交互式运行环境 —— REPL

    本章内容包括: 如何使用REPL运行环境以及如何在该运行环境中测试各种JavaScript表达式. 如何定义并启动REPL运行环境. Node.js 框架中为REPL运行环境提供了哪些命令以及这些命令 ...

  2. MyBatis 学习-动态 SQL 篇

    MyBatis 为我们提供了如下几个动态 SQL 元素: if choose foreach where/set trim 一.IF 元素 <select id="selectProj ...

  3. 【JS】倒计时

    描述: 先要链接jquery.js,这样写法可以直接放JS文件运行. //放在图片里定位的倒计时 //顶图里面定位才使用的代码 document.writeln("<style> ...

  4. js的严格模式

    严格模式: 严格模式这下的主要区别如下: 严格模式下的好处:

  5. Python学习笔记——基础篇【第一周】——变量与赋值、用户交互、条件判断、循环控制、数据类型、文本操作

    目录 Python第一周笔记 1.学习Python目的 2.Python简史介绍 3.Python3特性 4.Hello World程序 5.变量与赋值 6.用户交互 7.条件判断与缩进 8.循环控制 ...

  6. hdu 3480 Division(斜率优化DP)

    题目链接:hdu 3480 Division 题意: 给你一个有n个数的集合S,现在让你选出m个子集合,使这m个子集合并起来为S,并且每个集合的(max-min)2 之和要最小. 题解: 运用贪心的思 ...

  7. node + express 资料

    https://www.youtube.com/watch?v=65a5QQ3ZR2g&list=PL55RiY5tL51oGJorjEgl6NVeDbx_fO5jR https://www. ...

  8. 每天学习一点点...css...

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. extjs 6.2 helloworld

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  10. delphi 快捷键大全

    ************************* 1.功能键 2.组合键 3.其他快捷键 4.补充 5.补充1(带分类) 6.补充2 --Edit by 2013.1.14 ************ ...