• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > 推荐六款移动端 UI 框架

推荐六款移动端 UI 框架

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了移动端,UI框架等相关知识,希望对您有所帮助

作为一个前端人员来说,总结几款相对来说不错的用于移动端开发的UI框架是非常必要的,以下几种移动端UI框架就能基本满足工作中开发需要,根据项目需求,选用合适的框架搭建项目,更能容易提高开发效率。


推荐六款移动端 UI 框架


一、MUI

最接近原生APP体验的高性能前端框架,追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征。

MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K,鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也是我们的重要目标,MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件

官方链接:http://dev.dcloud.net.cn/mui/


二、Frozen UI

由腾讯团队开发,适用于使用手Q规范设计的Web页面,而针对非手Q规范的页面,可通过修改变量定制界面主题。可以按需选择需要的组件,也可以采用cdn和combo的方式按需加载。使用iconfont展示图标,包含了按钮,列表,表单,提示,弹窗等常用组件,新增文本,布局,1px, rem,文字截断,占位,两端留白,两端对齐等解决方案,同时解决了移动端屏幕适配问题。CSS使用模块化的样式命名和组织规范,使用sass编写css代码。

官方链接:http://frozenui.github.io/


三、Amaze UI

Amaze UI 以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件,更有多个包含不同主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率。相比国外框架,Amaze UI 关注中文排版,根据用户代理调整字体,实现更好的中文排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容支持。Amaze UI 面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让 Web 应用更快速载入。

官方链接:http://amazeui.org/


四、SUI Mobile

SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。

官方链接:http://m.sui.taobao.org/


五、Muse-UI

基于 Vue 2.0 和 Material Desigin 的 UI 组件库,Muse UI 拥有40多个UI 组件,用于适应不同业务环境。Muse UI 自定义主题方式极为优雅,仅需少量代码即可完成主题样式替换。Muse UI 基于 Vue2.0 开发,Vue2.0是当下最快的前端框架之一,小巧,api友好,可用于开发的复杂单页应用。

官方链接:https://muse-ui.org/#/zh-CN


六、AUI2.0

AUI 2.0是一套全新的AUI框架,在1.X基础上进行了重新架构。结合实际项目出发,站在开发者和项目的角度,重新定义AUI框架。在2.0中使用了大量弹性响应式布局,采用容器+布局结构+控件的嵌套形式,方便开发者快速布局样式。我们充分吸取了AUI使用者的反馈意见和借鉴了市场上其他优秀UI框架,完成了2.0版本的开发。2.0遵循Google Material 设计规范,使用MIT开源协议。

官方链接:http://www.auicss.com/doc/v/2/doc_id/1



分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Web移动端Fixed布局的解决方案
  • 使用Vue实现移动端左滑删除效果
  • 4种移动端适配方法
  • 推荐六款移动端 UI 框架
  • 总结分享一些基于jQuery的前端面试(含移动端常见问题)

相关文章

  • 2022-04-29Photoshop制作艺术玻璃质感的立体字教程
  • 2022-04-29Phpcms V9管理后台登陆及会员注册登录模板的修改
  • 2022-04-2925个你可能不知道的PS常用快捷键
  • 2022-04-29WordPress使用OSS Upload后媒体库无法加载一直转圈解决方法
  • 2022-04-29Dedecms后台登录验证码不正常显示怎么办
  • 2022-04-29如何将label标签与input标签进行绑定
  • 2022-04-29Illustrator制作质感水晶球教程
  • 2022-04-29ThinkPHP 6.0 多语言优化扩展包的安装与使用
  • 2022-04-29uniapp怎么实现小程序页面的自由拖拽功能
  • 2022-04-29Laravel学习记录之强制指定索引进行查询

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 使用18小时快速搜索引擎排名的后果
    • PS制作梦幻五彩斑斓的霓虹灯文字效果教程
    • 浅析Vue中hash路由和history路由的区别
    • 带你了解HTML5 SVG,看看怎么绘制自适应的菱形
    • 介绍Laravel8路由模块新增missing方法
    • PHPCMS V9静态化HTML生成设置及URL规则优化
    • JS去除腾讯爱奇艺优酷视频右上角LOGO
    • 如何解决mysql 5.6 中文 乱码问题
    • PHP调用实现波场交互[支持TRX/TRC20]
    • Photoshop制作超酷的岩石立体字教程

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有