最近在做一个银联商务的移动web项目,并不是一个跨平台的h5app而是一个跨终端移动web吧。因为如果做h5app我是不会选择这三个框架支持的哈哈。那样会选择sencha或是dojo吧。这里简单介绍下我使用的经验分享吧。 先说一下amazeui轻量级高性能 它对于初试h5开发的人很有...
分类:
Web程序 时间:
2015-08-21 15:29:54
阅读次数:
146
http://www.idangero.us/framework7/http://goratchet.com/http://cnratchet.com/http://amazeui.org/https://github.com/tapquo/Lungo.jshttp://dcloudio.githu...
分类:
Web程序 时间:
2015-08-15 21:21:44
阅读次数:
185
AmazeUI的底部导航条已经在《【AmazeUI】底部导航栏与分享按钮》(点击打开链接)中介绍过了。
其实如果你的底部导航条中的导航过多,这个底部导航条还可以把后面的导航项隐藏起来。
然后提供一个上拉工具的“更多”
如果要实现这种效果,关键是在ul节点的属性中加入am-cf am-avg-sm-3这两个属性,如果不加,无论你的屏幕多窄,它都不隐藏选项,如果加上了,当设备的屏幕过小,...
分类:
其他好文 时间:
2015-06-19 18:52:57
阅读次数:
226
在AmazeUI这个手机前端框架可以通过以下的脚本:
function calculate(){
$('#confirm1').modal({
});
}
来触发在HTML已经如下布局的确定框:
确定框内容
确定
取消
...
分类:
其他好文 时间:
2015-06-13 12:58:52
阅读次数:
426
在《【AmazeUI】模态框》(点击打开链接)一文中,已经介绍过在AmazeUI这个手机版前端框架中,怎么使用模态框了,但是这篇文章提到的模态框只是那些单纯的模态框。如果要实现一个有表单,同时又有“提交”与“关闭”的按钮,要做出如下的效果,哪应该怎么实现呢?
首先同样是HTML布局:
...
分类:
其他好文 时间:
2015-05-22 22:39:53
阅读次数:
277
模态框这东西在很多前端框架里面也是存在的,但是很多前端框架,如Bootstrap,AmazeUI,Jquery对IE6的兼容性极其糟糕,因此如果自己手写一个纯粹javascript无任何插件的的模态框,不仅能够兼容IE6,对其它浏览器很有很大的兼容性,同时,也好改。
一、基本目标
比如如下的模态框,怎么用在纯粹html+css+javascript,在无任何前端插件的情况下实现呢?
...
分类:
编程语言 时间:
2015-05-22 11:39:01
阅读次数:
134
很多手机版的页脚处提供“手机版”与“电脑版”切换的页脚,然后再页脚处写上版权信息。
AmazeUI直接就提供这种页脚组件,效果如下:
但是这种组件还不能直接拿来用,在实际的测试之中,发现要补上一个margin-top:-50px,将其向上拉50px,样式才正常。这个就不知道为什么了。
全代码代码如下:
...
分类:
其他好文 时间:
2015-05-13 10:26:31
阅读次数:
216
与Bootstrap一样,AmazeUI提供的导航式菜单也是喜欢蜷缩在右上角的一个按钮里面,然后一点击就向下拉开一大段距离。这样很不友好。此前《【AmazeUI】手机版页面的顶部导航条Header与侧边导航栏offCanvas》(点击打开链接)是一种解决方案,但是对于一些不使用页面的页面,这种方案则无能无力。
对于此有如下的几种方案可以解决:
一、改造AmazeUI提供的手机端文字横排...
分类:
其他好文 时间:
2015-05-12 13:43:34
阅读次数:
153
折叠式卡片布局在PC版网站中可能不常见,但是在手机版,小屏幕的网页浏览会大发异彩。
AmazeUI也提供了折叠式卡片布局,虽然官网上有例子,但是这种折叠式卡片布局,整合内容列表、表格组件还是需要一番功夫。
比如如下图,利用AmazeUI的折叠式卡片布局,整合其提供的内容列表与表格组件。
整个页面的代码如下:...
分类:
其他好文 时间:
2015-05-12 11:22:09
阅读次数:
147