frozenui / frozenjs Goto Github PK

View Code? Open in Web Editor NEW

137.0 137.0 53.0 9.18 MB

基于 Zepto 的移动端 JS 组件库

Home Page: http://frozenui.github.io/frozenjs/

JavaScript 93.32% CSS 4.93% HTML 1.75%

frozenjs's Introduction

FrozenUI-专注于移动web的UI框架

version 2.0.0

概述

FrozenUI 是一套基于移动端的UI库，轻量、精美、遵从手机 QQ 设计规范。

适用于使用手Q规范设计的Web页面，而针对非手Q规范的页面，可通过修改变量定制界面主题，并且可以按需选择需要的组件。

使用iconfont展示图标，包含了按钮，列表，表单，提示，弹窗等常用组件，新增文本，布局，1px， rem，文字截断，占位，两端留白，两端对齐等解决方案，同时解决了移动端屏幕适配问题。

手机预览

http://111.231.236.41/vipstyle/qui/2.0.0/demo/html/index.html

老版本: http://frozenui.github.io/frozenui/demo/index.html

快速开始

说明文档参考 http://frozenui.github.io/getting-started

开发文档

说明文档参考 http://frozenui.github.io/components/components/

适配规则

详细规则查看： https://github.com/frozenui/frozenui/wiki/%E5%B1%8F%E5%B9%95%E9%80%82%E9%85%8D

版本维护

原则是有问题提issue，代码修改提pr，由 javinzhong 合并以及内部发布

版本修改记录查看: https://github.com/frozenui/frozenui/wiki/History-1.3.0

License

The MIT License(http://opensource.org/licenses/MIT)

frozenjs's People

Contributors

Stargazers

Watchers

Forkers

xutianlong bigbone donvan chandre21cn jeakey fayching xiaojunhan jeeluo sharonlx exhibit nothinggift kyocn chinakids nandychen liveme zycfran lym0617 plzcall911 fukai7722 taohaolong inteye fanbbs asd1355215911 webin zhweta0015 momeakchen polarbird wanbaozhao jnan77 clearripples wangxiangrong bjliwei wjhol wxbjs finderl sdgdsffdsfff lingtal-fork aiwenlg007 fengzhu1131 jinhao123 gtdalp 007gzs csiizhur laneyhui weiweiwoxin twovs kule2018 clarkho jinligen 888hou pengju1218

frozenjs's Issues

tab内容中，zepto注册的longTap失效

              <div class="box-flex long-press-demo">
                    <span class="box-flex-item">
                        <label>姓名</label>
                        <p>
                            张三
                        </p>
                    </span>
                    <span class="box-flex-item">
                        <label>出生年月日</label>
                        <p>
                            2015年4月28日
                        </p>
                    </span>
                </div>

$('.long-press-demo').on('longTap','.box-flex-item',function (e) {
alert(this.outerHTML)
console.log(e.type)
})

使用以下的tab组件后，导致longTap事件不响应。
var tab = new fz.Scroll('.ui-tab', {
// role: 'tab',
// // interval: 3000
// //autoplay: true
// });

模块化加载（seajs），出现undefined

seajs.use(["zepto", "frozen"], function (z, fz) {
//错误，fz.Scroll: undefined
var tab = new fz.Scroll('#divNav', {role: 'tab'});
});

出现$.tips is not a function 的报错

一开始我认为是下载不全的问题，之后引用了你们的源还是出现这个问题。
调用方法如下

$(function () {
    initElementSize();
    // form submit updanmu
    $('#submit').click(function(){
        socket.emit('updanmu', getarray($('#form')));
        el=$.tips({
            content:'温馨提示内容',
            stayTime:2000,
            type:"success"
        })
        el.on("tips:hide",function(){
            console.log("tips hide");
        })
        return false;
    });
...

公布的frozen-debug.js和http://i.gtimg.cn/vipstyle/frozenjs/1.0.0/frozen.js?_bid=304 不一样

用户建议

十分激动收到一份来自外部用户的邮件，里面提到一些建议主要是关于js，发到这里，大家看下：

在FrozenUI 的官网上，看到了很多精彩的内容，对很多的组件进行了模块化，按需加载。我想咨询下就是你们团队什么时候会推出切面切换的效果，转场效果，侧边栏导航效果（抽屉效果），以及你们官网上尚在整理中的Slider，Tab模块。能不能组件一个官方的FrozenUI爱好者的QQ群呢？这样方便所有的爱好者在一起探讨交流，共同把FrozenUI这么一个很惊艳、实用、华丽的框架惠及更多的前端开发者，让更多的人去使用并推广它，让大家一起来共同努力使FrozenUI在业界闻名遐迩。期待您的答复。

1.0.0后续计划

2014/11/18

基础组件

为dialog、tips、loading添加动画支持

Scroller源码地址不对

文档上https://github.com/hahnzhu/slide.js 是空的
还有看了slide的代码感觉应该命名scroll才对啊，默认的也是scroller？
tab的示例

var slider = new Slide('.ui-slider', {
        role: 'tab',
        autoplay: true,
        interval: 3000
    });

写成

var tab = new Slide('.ui-slider', {
        role: 'tab',
        autoplay: true,
        interval: 3000
    });

更好理解

dialog回调不会被调用

版本就是1.0.1，代码如下。

            $.dialog({
                title: sms.title ,
                content: sms.message ,
                button: ['确定', '删除'] ,
                callback: function (i) {
                    alert(i);
                    sms.hasDeleted = true;
                    user.save();
                    $(dom).remove();
                },
                end:function(i){
                    alert(i)
                }
            });

两个回调函数都没有被触发

tab组件默认索引不是第一个时的临时方案

var tab = new fz.Scroll('.ui-tab', {
    role: 'tab',
    interval: 3000,
    autoplay: true
});
tab.currentPage = 1;
$(tab.nav.children[0]).removeClass('current');
$(tab.nav.children[tab.currentPage]).addClass('current');
tab.scrollTo(-tab.itemWidth * tab.currentPage, 0);

新增loading和tips
修改回调方式为自定义事件方式
新增scroller、tab、slider