miniMobile移动端框架

所属分类:UI-布局

 11331  166  查看评论 (21)
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、 更多的规范可浏览官方网站。

相关插件-布局

响应式aap宣传网模板

响应式网站布局模板
  布局
 7710  101

响应式手机模板

一套简约响应式手机模板
  布局
 23349  290

简洁清爽Bootstrap后台模板

Bootstrap框架开发的HTML后台模板管理
  布局
 141053  534

后台管理模板WrapBootstrap

基于Bootstrap和AngularJS的HTML后台管理模板
  布局
 38309  413

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

    a_shen520 0
    2018/3/15 11:18:06
    楼主,希望能放到github上。做成和vux这样类似的项目。 回复
    且行且珍惜 0
    2018/3/8 9:44:14
    觉得挺好的,如果微信打开兼容好点就更好了 回复
    lgy198808 0
    2018/3/5 11:55:53
    我在用这个 做手机主页的时候,有些屏幕高度比较大的,会出现滚动条,能否做成无论屏幕大小,布局都能兼容主流手机屏幕,不出现滚动条的情况。
        ~Baby~0
        2018/3/7 22:22:27
        你好,我不是很明白你的意思,你的意思是不是高度自适应?我不太清楚你要实现什么,一般手机网页屏幕高度除非做整屏幕切换才会需要高度刚好和屏幕高度一致,这个可以使用定位之类的实现的。
    回复
    leo0618 0
    2018/2/8 16:27:23
    开源吧 众人拾柴火焰高
        ~Baby~0
        2018/3/7 22:23:40
        谢谢,目前这个只是0.9的版本,不是一个正式版本,等我有空闲下来,我觉得我会把收集到的问题整体整理一次,包括一些功能的升级。
    回复
    ~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框架,但这只是待定。

        leo06180
        2018/2/8 16:28:31
        楼主可以考虑开源 加入协议申明,相信还是可以做成一个不错的项目
        ~Baby~0
        2018/3/7 22:26:23
        多谢支持,等我下次改版升级吧,这次只是一个试试水
    回复
    万江 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本身就是开源的,作者说是他的了,自己去看看官网
    回复
取消回复