miniMobile移动端框架

所属分类:UI-布局

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

相关插件-布局

html5响应式模板

黑色通用的软件科技公司html5响应式模板
  布局
 8766  156

简介清爽的bootsrap模板

美观的bootsrap前端模板,团队介绍,大屏滚动展示
  布局
 19658  364

响应式Bootstrap3婚礼HTML模板

响应式Bootstrap3红色大气婚礼HTML模板|单页面滚动
  布局
 10809  167

Flatlab_Admin黑灰色扁平化自适应手机

一款经典的国外HTML5模板,支持自适应功能 这是一款不错的后台,很漂亮的UI设计!
  布局
 19464  170

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

    因为□了 解●← 0
    2018/6/25 16:20:33
    厉害了 看看自己 哎 回复
    0
    2018/6/12 14:37:18
    很好 刚好可以研究下 谢谢 回复
    简简单单 0
    2018/4/28 16:23:51
    我觉得挺好的,这也是一个很好的学习实例。作者,也挺好免费共享给大家。 回复
    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/6/8 18:13:22
        自己写的样式统一的前缀必不可少!!!“p1 p2”类的定义太随意了,做自己的网站还行,一起做项目根本不敢用,就怕别人定义了一个一样的类,还不止这一个。“xxx-p1”,"xxx-p2"
    回复
    万江 0
    2018/1/11 10:54:38
    傻小子ㄋ 0
    2017/12/23 11:44:26
取消回复