miniMobile移动端框架

所属分类:UI-布局

 6019  102  查看评论 (13)
miniMobile移动端框架 ie兼容10

注:请在移动端预览,查看最佳展示效果

miniMobile 是一个专注于移动端网页的框架,使用该框架需要有一定的布局基础,该框架原则上可以定义大部分常见元素的宽高,以及边距、字体大小规范,颜色规范等。同时提供了less文件,可以设置不同颜色解决实际开发所遇到的问题。miniMobile并不单单是提供了常用的移动端ui,更多的是提供了一种简便的开发策略,让开发者快速上手!

1、下载miniMobile,引入miniMobile.css 和miniMobile.js ,同时需要在miniMobile.js前引入jQuery或者Zepto。

2、 理解1rem = 100px,1个rem对应100px的设计稿,并根据官网的文档,理解w1-w75、h1-h75的概念。

3、 更多的规范可浏览官方网站。

相关插件-布局

登录模版

好看的登录页面模版
  布局
 23841  124

Bootstrap个人中心后台模板

Bootstrap个人中心后台模板
  布局
 27160  73

漂亮的美食网站前台bootstrap模板

bootstrap漂亮的响应式美食网站前台bootstrap模板
  布局
 16894  286

简洁的响应式后台管理模板

此模板简洁实用,不同于其它模板,加载较多插件,模板压缩后只有358k.
  布局
 14214  73

讨论这个项目(13)回答他人问题或分享插件使用方法奖励jQ币

    ~Baby~ 1
    2018/1/19 11:13:21

    感谢大家支持,目前miniMobile还只是0.9版本,我对未来的改动看法如下,不过实现应该在18年开始了:

    1. 改造less文件结构,模块化管理less,例如设置一个“config.less”这样的文件,能让实际开发过程中,配置ui色彩搭配方案,以及部分缺省配置等。这样更能让实际开发者一目了然,拿到设计ui规范直接修改即可。

    2. 在编辑过程中虽然不需要写一些css,但是class会显得很臃肿,为了解决这个问题,我决定单独开辟一个less文件,这个文件是专门提供开发者开发使用,例如:.smBut{ .w10 .h5 .f30 .oh },这种文件可以让开发者拓展出更多的组合效果,同时在class命名上更加有自由性,例如这个.smBut 我们想稍加修改样式达到新效果,那么class就不再像之前的写法, 例如 class="smBut f40" 这种可暴露修改的功能实现!

    3. 更多集成,最好是拿过来就能用,一看就能理解,拿来立刻就能用,增加class就能改变字体和颜色,以及尺寸等,这样就能完全改变一种思想,从自我编写class到简单的修改class就能出来的效果,给开发者最大的自由度,最低的学习成本,最低的开发成本。

        ~Baby~0
        2018/1/19 11:18:48

        另外我也考虑到了Zepto和jquery的选择,我感觉这两个框架的使用有利有弊,但是zepto在这里可能会被放弃,因为功能齐全以后,zepto不如jquery小(尴尬),而且文档的多少和受欢迎程度不如jquery。

        或者说,干脆全部使用原生js来书写特效,因为有很多开发者使用vue和angular框架,但这只是待定。

    回复
    万江 0
    2018/1/11 10:54:38
    傻小子ㄋ 0
    2017/12/23 11:44:26
    熊小晖 0
    2017/12/20 16:10:46
    岐风 0
    2017/12/20 10:03:28

    非常好~

        万江0
        2018/1/11 10:55:28

        是的

    回复
    _ 理想三旬 0
    2017/12/15 14:14:06

    直接吧layer框架代码开过来重新包装下 就是你的了?

        ~Baby~0
        2017/12/15 15:02:44

        我想一个好的框架并不需要重复造轮子,我更崇尚与“拿来主义,实际上网站上也说明这些属于插件,如果别人做的更好,我觉得我再去做一个一模一样的是非常愚蠢的,引用网站上的一句话。

        “miniMobile严格来说并不是一套UI框架,它内置定义好的UI组件实际上非常少,更多的是它的栅格系统、间距系统、以及字体的变换等组合出不同的组件效果,你可以很容易组合出一个适用于你的项目的列表或者结构布局”

        ?Angelina1
        2017/12/18 20:49:40

        我感觉没什么问题  人家没收jq币  只是分享一下  让更多的人接触到这个框架  也没什么可争论的  

        清风抚雪ส้้้้้้้0
        2017/12/20 11:06:11
        不管哪里到处都是喷子,layer本身就是开源的,作者说是他的了,自己去看看官网
    回复
    Mr.zhang 0
    2017/12/15 13:10:36
    stefan-雷吉兴(前端) 0
    2017/12/15 11:35:14
    就我一个人觉得很强大吗 回复
取消回复