高颜值微信小程序 UI 组件库!

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

Vant 是一个轻量、可靠的移动端组件库,由有赞于 2017 年开源。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。

 文章来源地址https://www.toymoban.com/news/detail-569412.html

大家好,我是 CUGGZ。

今天来分享 8 个高颜值的微信小程序 UI 组件库,速速收藏!

Vant Weapp

Vant 是一个轻量、可靠的移动端组件库,由有赞于 2017 年开源。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。

微信小程序的ui组件库,微信小程序,前端,javascript

Github(⭐️ 16.5k):https://github.com/youzan/vant-weapp

iView Weapp

iView Weapp 是一套高质量的微信小程序 UI 组件库。

微信小程序的ui组件库,微信小程序,前端,javascript

Github(⭐️ 6.3k):https://github.com/TalkingData/iview-weapp

Taro UI

Taro UI 是一款基于 Taro 框架开发的多端 UI 组件库。Taro 是由京东凹凸实验室倾力打造的多端开发解决方案。

微信小程序的ui组件库,微信小程序,前端,javascript

Github(⭐️ 4.1k):https://github.com/NervJS/taro-ui

Wux Weapp

Wux Weapp 是一套组件化、可复用、易扩展的微信小程序 UI 组件库。

微信小程序的ui组件库,微信小程序,前端,javascript

Github(⭐️ 4.8k):https://github.com/wux-weapp/wux-weapp/

Lin UI

Lin UI 是一套基于微信小程序原生语法实现的高质量 UI 组件库。遵循简洁、易用、美观的设计规范。

微信小程序的ui组件库,微信小程序,前端,javascript

Github(⭐️ 3.7k):https://github.com/TaleLin/lin-ui

uView

uView UI,是uni-app生态优秀的UI框架,全面的组件和便捷的工具会让你信手拈来,如鱼得水。

微信小程序的ui组件库,微信小程序,前端,javascript

Github(⭐️ 3.6k):https://github.com/umicro/uView

WeUI

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

微信小程序的ui组件库,微信小程序,前端,javascript

Github(⭐️ 14.5k):https://github.com/Tencent/weui-wxss

Touch WX

Touch WX 是一套完全免费的微信小程序开发框架,包含丰富的UI控件用于官方组件的补充。

微信小程序的ui组件库,微信小程序,前端,javascript

Github(⭐️ 805):https://github.com/uileader/touchwx

 

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

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

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

相关文章

  • 微信小程序导入Vant Weapp ui组件库2023年最新版

    写这篇文章的原因是Vant Weapp的官方文档快速上手是有一定的问题的,没错,我就是那个试错的人,弄了一下午才发现问题所在,所以写了一篇正确的导入教程。 第一步:在项目所在目录打开控制台 第二步:查看自己电脑npm的版本,如果有会有版本号显示,没有则需要去下载

    2024年02月09日
    浏览(52)
  • 【uniapp】在微信小程序中修改uni-ui组件样式不生效的解决方案

    在使用uniapp框架开发微信小程序时,使用到了uni-ui的uni-table组件。由于需要修改表头的背景色,于是乎在微信开发工具中使用调试工具审查元素获取其class名: 尝试直接在页面中修改样式: 结果无效。于是尝试使用深度选择器 依然无效。然后查询微信平台官方开发文档得知

    2024年02月02日
    浏览(72)
  • uniapp 给自定义组件或uview等ui组件加class样式或修改样式在微信小程序不生效的情况

    首先不论是自定义组件还是ui组件,本质上的原因都是微信小程序默认的组件隔离策略导致的。 微信小程序组件隔离文档参考 1.在原有class上修改样式 比如我在uview radio 单选组件的原有class(.u-radio ) ,修改样式出现不生效的情况 解决: 加上 ::v-deep 即可 2.增加class 比如我在

    2024年02月02日
    浏览(69)
  • uni-app开发使用uni-ui组件uni-data-checkbox编译微信小程序报错

    uniapp开发使用uni-ui控件uni-data-checkbox,编译成微信小程序报错VM50 WAService.js:1 TypeError: Cannot read property \\\'length\\\' of undefined,并且页面无法显示。  解决方法: 1、 HBuilder X 编译器下载 sass 或更新 HBuilder X 版本 2、更新uni-ui组件库 3、如果不使用uniCloud就注释uni-data-checkbox.vue文件中的

    2024年02月06日
    浏览(70)
  • uni-app uni-ui 微信小程序 uni-datetime-picker 时间选择组件设置start和end属性,实现时间选择限制

     效果如图,先选择开始日期,完成日期需要在开始日期之后,先选择完成日期,开始日期需要在完成日期之前 需要用到uni-datetime-picker官方的三个属性  代码如下 这样一个能够限制选定范围的组件就ok了!    

    2024年02月11日
    浏览(68)
  • 发现一个高颜值流程图 - 亿图图示

    今天给各位小伙伴们测试了一款高颜值的流程图制作工具——亿图图示。 对了,它不仅可以制作流程图,还可以制作思维导图、组织结构图、泳道图等等哦。接下来让我们一起测试学习下吧 亿图图示(Wondershare EdrawMax)是一款功能强大且易于使用的图形表达工作台,不仅可以

    2024年02月09日
    浏览(41)
  • 微信小程序前端引入weui组件库

    正在开发的微信小程序,想使用weui组件库。  步骤如下: 基础:1.小程序开发工具:1.06.22 以管理员身份运行命令行窗口(cmd)或使用VSCode进入终端,在cmd中进入项目的根目录。然后输入以下命令: npm init 后面一路按回车健即可,最终会在项目的根目录中创建出一个名为pa

    2024年02月11日
    浏览(128)
  • 一款高颜值的第三方网易云播放器

    大家好,我是 Java陈序员 。 今天,给大家介绍一个基于 Vue 全家桶实现的“网易云”播放器。 关注微信公众号:【Java陈序员】,获取 开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 YesPlayMusic —— 一款高颜值的第三方网易云播放器,支持 Windows / macOS / Linux。 功

    2024年04月12日
    浏览(38)
  • 用 @icestack/ui 构建适配微信小程序的 daisyui

    用 @icestack/ui 构建适配微信小程序的 daisyui 前言 思考与实践 如何使用? 安装 初始化配置 构建样式 作为 tailwindcss plugin 来使用 安装 配置 智能提示 在微信小程序里使用 安装 注册 构建 演示小程序 收到启发的项目 参考地址 daisyui 是 tailwindcss 中最流行的纯 CSS 框架,然而它作用

    2024年02月04日
    浏览(23)
  • 微信小程序UI自动化测试实践:Minium+PageObject

    小程序架构上分为 渲染层 和 逻辑层 ,尽管各平台的运行环境十分相似,但是还是有些许的区别(如下图),比如说JavaScript 语法和 API 支持不一致,WXSS 渲染表现也有不同,所以不论是手工测试,还是UI自动化测试,都必须要在 iOS 和 Android 上分别检查小程序的真实表现。

    2024年04月09日
    浏览(46)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包