UniApp、微信小程序、Vue常用的UI组件

这篇具有很好参考价值的文章主要介绍了UniApp、微信小程序、Vue常用的UI组件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在前端项目开发过程中,总是会引入一些UI框架,已为方便自己的使用,很多大公司都有自己的一套UI框架,下面就是最近经常使用并且很流行的UI框架。

一.MintUI

MintUI是饿了么团队开发基于vue.js的移动端UI框架,它包含丰富的CSS和JS组件,能够满足日常的移动端开发需要。
官网地址:https://mint-ui.github.io/#!/zh-cn

二.WeUI

WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。
官网地址:https://weui.io/

三.cube-ui

cube-ui是滴滴团队开发的基于Vue.js实现的精致移动端组件库。支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。
官网地址:https://didi.github.io/cube-ui/#/zh-CN

四.iViewUI

iviewui是一个强大的ui库基于vue,有很多实用的基础组件比elementui的组件更丰富,主要服务于PC界面的中后台产品。使用单文件的Vue组件化开发模式基于npm+webpack+babel开发,支持ES2015高质量、功能丰富友好的API,自由灵活地使用空间。
官网地址:https://www.iviewui.com

五.layui

layui是一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。
官网地址:https://www.layui.com

六.ElementUI

Element是饿了么前端开源维护的VueUI组件库,组件齐全,基本涵盖后台所需的所有组件,文档讲解详细,例子也很丰富。主要用于开发PC端的页面,是一个质量比较高的VueUI组件库。
官网地址:http://element-cn.eleme.io/#/zh-CN

七.at-ui

at-ui是一款阿里团队创建的基于Vue2.x的前端UI组件库,主要用于快速开发PC网站产品。它提供了一套npm+webpack+babel前端开发工作流程,CSS样式独立,即使采用不同的框架实现都能保持统一的UI风格。
官网地址:https://at-ui.github.io/at-ui/#/zh

八.amazeUI

AmazeUI是一个移动优先的跨屏前端框架。提供基础样式,网格,表格、表单、按钮及常用组件样式。是一个轻量级(所有CSS和JSgzip后100kB左右)、Mobilefirst的前端框架
官网地址:http://amazeui.org/

九.vantUI

vantUI是有赞前端团队基于有赞统一的规范实现的Vue组件库,提供了一整套UI基础组件和业务组件。通过Vant,可以快速搭建出风格统一的页面,提升开发效率。
官网地址:https://youzan.github.io/vant/#/zh-CN/intro

十.Flutter

Flutter是谷歌的移动端UI框架,可在极短的时间内构建Android和iOS上高质量的原生级应用。Flutter可与现有代码一起工作,它被世界各地的开发者和组织使用,并且Flutter是免费和开源的.
官网地址:http://doc.flutter-dev.cn

十一.ionic

Ionic既是一个CSS框架也是一个JavascriptUI库,Ionic是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序,它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScriptMVVM框架和AngularJS来增强应用。提供数据的双向绑定,使用它成为Web和移动开发者的共同选择。
官网地址:https://ionicframework.com文章来源地址https://www.toymoban.com/news/detail-524819.html

到了这里,关于UniApp、微信小程序、Vue常用的UI组件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 五分钟学会在微信小程序中使用 vantUI 组件库

    我们在开发微信小程序时,设计和实现好用的用户界面无疑是至关重要的一步。但是微信小程序官方自带的 UI 组件库无法满足很多使用场景,这个时候就需要我们使用一些第三方的 UI 组件库。而 vant Weapp 作为一款优秀的前端 UI 组件库,可以帮助我们快速地构建漂亮而且易用

    2023年04月24日
    浏览(70)
  • uniapp微信小程序如何创建树形组件

    目录   1:前言 2:最终效果: 2.1一级菜单 2.2二级菜单 2.3三级菜单 3:实现方法 3.1:创建一级菜单  3.2创建二级三级菜单 4:完整代码如下 树形组件应用很广,应用于一些分层次的内容。vue有树形组件,但是uniapp没有树形组件,想要在uniapp使用树形组件,必须要自己写个树形

    2024年02月16日
    浏览(44)
  • UniApp转微信小程序之全局组件

    1.全局注册组件 两种方法推荐使用easycom 注册,easycom可以大规模注册组件 2.全局插入组件 1.下载插件 2.配置vue.config.js文件 没有这个文件的话,新建一个vue.config.js文件 3.注册全局组件 和uniapp中注册全局组件操作一样 4.配置pages.json文件

    2024年02月03日
    浏览(59)
  • uniapp引入微信小程序直播组件

    在manifest.json配置即可,与直接在小程序代码中引入相同。 在工程的manifest.json文件中引入直播插件 通过直播间列表接口查询直播间列表,显示在小程序中 点击直播间,跳转到小程序直播组件即可 未整理参考 未整理参考 未整理参考

    2024年02月22日
    浏览(46)
  • 【微信小程序】echart中canvas原生组件层级太高遮挡vantui中的组件

    之前的问题图片如下: 最开始想到的方案是降低canvas的层级,但是canvas是原生组件,他的层级是没法改变 所以又想到改变vant组件的层级,但是一样无果。。。 随后,看到网上大篇幅的都是使用显示隐藏来操控picker的,这样会如果页面可以滑动,就导致用户还是可以看到ec

    2024年02月13日
    浏览(46)
  • uniapp微信小程序引入vant组件库

    1、首先要有uniapp项目,根据vant官方文档使用yarn或npm安装依赖: 安装完依赖如下: 2、在uniapp项目根目录下(也可以指定目录)本案例在根目录下新建:wxcomponents文件夹 !!!!必须是wxcomponents文件夹! !!!!必须是wxcomponents文件夹! !!!!必须是wxcomponents文件夹! (原

    2024年02月16日
    浏览(83)
  • 微信小程序简易弹幕组件(uniapp)

    最终效果图如下: 1. 弹幕从弹幕区域外的右边滚动到左边,那么每条弹幕的实际滚动路径长度为当前弹幕的实际宽度+整个弹幕区域的宽度 组件代码如下: 2. 本例中弹幕区域的宽度为当前屏幕的宽度。弹幕的滚动效果使用css3的animation实现,使用translateX来实现水平位移的变化

    2024年02月12日
    浏览(33)
  • uniapp,微信小程序确认收货组件的使用

     这里很容易误会成,执行success函数,就收货成功了。其实要根据返回的参数来判断是否真的收货成功。 微信文档上也有说明:  

    2024年02月08日
    浏览(57)
  • uniapp-微信小程序,对子组件实现onShow效果

    背景:使用uni-app开发一个微信小程序,使用的vue子组件,发现在子组件里面不能使用onShow生命周期,但是可以在page里面可以调用,需要在使用uni.navigateBack()返回后,该组件能请求接口数据刷新 解决:父级组件中,在子组件上添加ref,在父级onShow中通过子组件ref调用方法 父组

    2024年02月11日
    浏览(41)
  • uniapp实现微信小程序隐私协议组件封装

    uniapp实现微信小程序隐私协议组件封装。 隐私协议封装组件后快速调用。 diy-privacy/diy-privacy

    2024年02月07日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包