vue ui框架_「webAPP」记录几款比较好用的vue 移动端的ui框架

有时在做项目时,不同场景的项目既要有网站,又要有手机端,为了快速开发,如果功能简单,要求不高的话,我们一般会用H5进行移动端的适配。
如果采用纯html进行书写手机端的样式,往往UI的体验感非常差。为了增强UI的体验,则往往会利用已有的UI组件进行搭配使用。

1) 选择手机UI组件的依据

  • 轻量级
    如果是过于笨重的组件库,则打包后文件会非常大,严重影响加载速度,体验感非常差。
  • 组件的完整性
    这个也是比较重要的,如果组件库不完整,要么自己去造轮子,要么再引入另外一个UI库。
  • UI的美观
    这个直接影响UI体验感。

2) 比较好用的几款UI组件库1. mint UI

  • 组件地址:http://mint-ui.github.io/#!/zh-cn
  • 项目地址:https://github.com/ai-word
  • 支持vue: vue2.0版本

2. muse UI

  • 组件地址:https://muse-ui.org/#/zh-CN
  • 项目地址:https://github.com/ai-word
  • 支持vue: vue2.0版本

3. nutUI

  • 组件地址:https://nutui.jd.com
  • 项目地址:https://github.com/ai-word
  • 支持vue: vue3.0版本

注:所有项目稍后会上传。

资源下载

https://github.com/ai-word

4791e1d8b9051fe911df4cd9e8b77edc.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/505748.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java定义基础变量语句_编程语言第一:JAVA语言基础,变量

在前面的几篇文章中我们介绍了Java的运行环境,以及Eclipse IDE的安装与使用。从今天开始我们的文章开始介绍Java开发语言的基础知识。今天主要介绍Java变量。一、什么是变量变量是指代在内存中开辟的存储空间,用于存放运算过程中需要用到的数据。例&…

python keras_深度学习:基于Keras的Python实践

部分初识1初识深度学习/21.1Python的深度学习/21.2软件环境和基本要求/31.2.1Python和SciPy/31.2.2机器学习/31.2.3深度学习/41.3阅读本书的收获/41.4本书说明/41.5本书中的代码/52深度学习生态圈/62.1CNTK/62.1.1安装CNTK/72.1.2CNTK的简单例子/82.2TensorFlow/8部分初识1初识…

php 模拟并发请求_PHP模拟并发请求

原理&#xff1a;使用curl_init()创建多个请求实例&#xff0c;再使用curl_multi_init()批量执行创建的多个请求实例。文件1&#xff1a;curl.php<?php $threads500;//并发请求次数$urlhttp://blog.cn/index.php?;//请求的url//创建一个未定义的curl句柄数组$charray();//…

spring.profiles.active配置了没生效_微服务架构之「 配置中心 」

在微服务架构的系列文章中&#xff0c;前面已经通过文章《微服务架构之「服务网关 」》介绍过了在微服务中服务网关的原理和应用&#xff0c;今天这篇文章我们继续来聊一聊微服务中另外一个重要模块&#xff1a;「 配置中心 」。后面还会继续介绍 服务框架、服务监控、服务治理…

php+正则匹配qq,正则表达式对qq号进行验证的实例

这篇文章主要介绍了正则表达式对qq号码进行校验的相关知识&#xff0c;非常不错&#xff0c;具有参考借鉴价值&#xff0c;需要的的朋友参考下吧废话不多说了&#xff0c;直接给大家贴代码了&#xff0c;具体代码如下所示&#xff1a;package 正则表达式;/*对QQ号码进行校验要求…

公招网报照片审核处理工具_消防员招录报名照片处理工具使用说明

消防员招录报名照片处理工具使用说明请将下载的压缩包文件全部解压后&#xff0c;在照片处理工具文件夹中&#xff0c;用鼠标双击 “消防员招录报名照片处理工具.exe” 运行照片处理工具软件。本工具是消防员招录报名照片处理专用工具&#xff0c;只有经本工具处理符合要求的照…

php树形数据结构是什么,数据结构 之 树

概述树的章节一般分两大部分&#xff1a; 一部分将树&#xff0c;一部分将二叉树&#xff1b;虽然二叉树也是树&#xff0c;但是二叉树足够特殊&#xff0c;足够有用&#xff0c;所以重点来讲&#xff1b;或者说&#xff0c;如果不是二叉树&#xff0c;树的家族也不会如此的德高…

python3解释器执行'abcdd'.endswith('cd')的结果是___python3解释器执行for x

【判断题】RAM通常由地址译码器、存储矩阵和读/写电路三部分组成。【单选题】Until we reduce our dependence on oil, we will be ( ) the ups and downs of the oil markets.【单选题】python3解释器执行 fork,v in{1:a,2:b}:print(k,v)的结果是():【单选题】He argues that …

java script中定义的var变量怎么在body中使用,深入分析JavaScriptvar中的预解析与副作用...

var的副作用隐式全局变量和明确定义的全局变量间有些小的差异&#xff0c;就是通过delete操作符让变量未定义的能力。通过var创建的全局变量(任何函数之外的程序中创建)是不能被删除的。无var创建的隐式全局变量(无视是否在函数中创建)是能被删除的。这表明&#xff0c;在技术上…

螺旋桨设计软件_第四届智能工业软件及设计技术研讨会暨2019天洑软件用户大会成功举办...

第四届智能工业软件及设计技术研讨会暨2019天洑软件用户大会于2019年6月13日-14日在辽宁省大连市召开。天洑软件用户大会至2019年已成功举办了四届&#xff0c;在历届会议中有来自中国、德国、瑞典、捷克、意大利、美国、加拿大、日本等各行业专家学者共同探讨最新的计算机智能…

php 上一条下一条,thinkPhp里添加显示上一条和下一条

newsinfo.php里的代码if($front[id]!null){$id $front[id];echo "上一条:$front[title]";}else{echo "上一条&#xff1a;没有了";}echo " ";if($after[id]!null){echo "下一条:$after[title]";}else{echo "下一条&#xff…

群晖 百度网盘_海康威视联合百度网盘推出NAS私有存储 贡献带宽获积分兑网盘会员...

此前百度网盘因为限速问题遭到不少用户的吐槽&#xff0c;随后百度网盘推出单次付费加速由于价格过高再次被吐槽。网盘类的服务也确实需要大量的硬盘空间和服务器带宽支撑&#xff0c;所以对用户来说最好的办法还是自己搭建网盘。自己搭建的网盘也就是私有云存储&#xff0c;放…

深信服python面试题_(完整版)往年的深信服笔试题(齐全)

•一&#xff0c;六道选择题(可以多选)1char*p"helloworld";p存储在()指向//堆栈charp[]"helloworld";p存储在()指向全局变量//数据段static变量//数据段分别在哪个地方&#xff1f;1数据段2代码段3堆4堆栈(此题可以配合同文件夹下的char.cpp)(二、例子程序…

matlab 特征值不排序,matlap 代码求解释!从这里开始即可%对特征值进行排序并去掉...

%人脸识别代码clear all % //removes all variables from the workspace. This frees up system memory.close all % //Delete specified figureclc% number of images on your training set.%训练集数目M16;%Chosen std and mean.%It can be any number that it is clos…

python有序队列_【Python】:拓展Queue实现有序不重复队列

最近手头有个需求是这样的&#xff0c;定期检查数据库获取失败任务并且进行重启。最早想到的是添加一个生产者&&消费者队列&#xff0c;但是发现很多棘手的问题。1.重启任务是调用的一个shell脚本然后在脚本中又调用python程序&#xff0c;所以任务完成的状态回传略纠结…

matlab ode45求解齿轮动力学,ode45求解多自由度动力学方程实例.doc

ode45求解多自由度动力学方程实例Ode45函数调用形式如下&#xff1a;[T,Y]ode45(odefun,tspan,y0)相关参数介绍如下&#xff1a;参数名称参数说明odefun用于存放待求解的方程的m文件名&#xff0c;方程必须用y’f(t,y)的形式存放tspan指定自变量范围的向量&#xff0c;通常用[t…

onenetsim定位功能吗_微信小程序新增后台定位功能,你会卸载地图APP用微信导航吗...

[PConline]8月8日&#xff0c;根据微信官方发布的消息显示&#xff0c;小程序新增后台定位功能&#xff0c;并对自动化测试功能进行了升级。据介绍&#xff0c;为了满足线路导航、路线记录等服务场景下&#xff0c;小程序需要长时间持续定位来提供服务。当用户主动将小程序设置…

pdo 错误 php,多语句查询中的PHP PDO错误

我在我的一个实时网络应用程序中遇到了这个问题.看来如果你通过PHP PDO向MysqL发出一个多语句查询,并且第一个语句是一个insert语句,而第二个语句是一个update语句,那么PDO :: nextRowset()函数不会返回正确的数字结果集(请注意,自PHP 5.3起,PDO应该支持每个MySQL查询的多个语句…

hbuid 集成svn_HBuilder如何配置SVN的步骤详解

前言本文主要给大家介绍了关于HBuilder如何配置SVN的相关内容&#xff0c;分享出来供大家参考学习&#xff0c;下面话不多说&#xff0c;来一起看看详细的介绍吧。注意&#xff1a;大家都配置前最好先备份好之前的文件资料很早之前就想在编辑器上配置SVN&#xff0c;但找了很多…

MATLAB静力学分析,锻造操作机静力学的Matlab仿真分析

由第3章中该新型锻造操作机的位置反解中的构件的位置以及角度的关系式&#xff0c;均为已知量。施加外力为Ftx50N,Fty300N和沿“轴方向的外力矩M 60000 N.mm。给定初始量范围&#xff0c;通过Matlab软件仿真&#xff0c;可以得到各个液压缸的驱动力的变化曲线。该新型锻造操作机…