当前位置: 首页 > 知识库问答 >
问题:

微信小程序开发,原生开发和`uni`的形式,比较好的UI组件库推荐?

杜楚
2024-07-01

微信小程序开发,原生开发和uni的形式,比较好的UI组件库推荐?

共有2个答案

陈扬
2024-07-01

微信小程序https://vant-ui.github.io/vant-weapp/#/home
uni https://www.uviewui.com/components/quickstart.html

扈翰
2024-07-01

微信小程序原生开发UI组件库推荐

  1. WeUI

    • 官方推荐,与微信原生视觉体验一致。
    • 提供丰富的UI组件,如button、cell、dialog等。
    • 令用户的使用感知更加统一。
  2. ZanUI WeApp

    • 有赞出品,微信小程序实现版本。
    • 结合微信视觉规范,提供统一的使用感受。
    • 包含badge、btn、card等多种组件或元素。
  3. ColorUI

    • 简洁美观的小程序UI框架。
    • 提供一系列的组件,如按钮、列表、卡片等。
    • 适用于快速搭建小程序界面。
  4. vant-weapp

    • 轻量、可靠的移动端组件库。
    • 提供Vue 2版本、Vue 3版本和微信小程序版本。
    • 由社区团队维护React版本和支付宝小程序版本。
  5. lin-ui

    • 基于微信小程序原生语法实现的组件库。
    • 遵循简洁、易用的设计规范。

uni-app形式UI组件库推荐

  1. uni-ui

    • 兼容多端,包括小程序、H5、App等。
    • 提供丰富的UI组件和主题样式。
    • 支持自定义组件和扩展机制。
  2. uView UI

    • 轻量级的小程序UI库。
    • 提供简洁、美观的界面设计和多种常用UI组件。
    • 支持单页面和多页面应用开发。
  3. T Design UI

    • 腾讯云推出的UI库,基于uni-app开发。
    • 提供丰富的UI组件和主题样式,支持自定义组件和扩展。
    • 提供详细的文档和示例代码,易于上手和使用。
  4. FirstUI

    • 基于uni-app开发的组件化、可复用、易扩展、低耦合的跨平台移动端UI组件库。
    • 全面兼容App-Nvue、App-vue、小程序(微信、支付宝、百度、字节、QQ)、H5。
  5. ThorUI

    • 包含uni-app和原生小程序双重版本,轻量、简洁的移动端组件库。
    • 提供近百个高质量组件,覆盖移动端各类场景。

在选择UI组件库时,建议根据项目的具体需求和团队的技术栈进行选择。同时,也可以参考官方文档、社区支持和组件库的更新频率等因素进行综合评估。

 类似资料:
  • 本文向大家介绍使用uni-app开发微信小程序的实现,包括了使用uni-app开发微信小程序的实现的使用技巧和注意事项,需要的朋友参考一下 前言 9月份,开始开发微信小程序,也曾调研过wepy/mpvue,考虑到后期跨端的需求,最终选择使用了uni-app,本文主要介绍如何使用uni-app搭建小程序项目,以及自己对框架的补充,包括封装request接口,引用color-ui,动态设置底部tab页

  • 本文向大家介绍taro开发微信小程序的实践,包括了taro开发微信小程序的实践的使用技巧和注意事项,需要的朋友参考一下 在京东凹凸实验室开发Taro跨平台早期之前,就已经进行Taro尝鲜了。开发这个实例 猫眼电影 已经过去几个月了。案例部分使用的是猫眼电影真实线上接口,关于订座的座位数据是自己模拟实现的,案例只供参考学习。 开发环境 操作系统:Window 10 Taro版本:v0.0.69 No

  • 目前用的框架是vant,vant的小程序表单组件不尽人意,有什么好的关于表单的原生小程序框架推荐?

  • 本文向大家介绍微信小程序云开发(数据库)详解,包括了微信小程序云开发(数据库)详解的使用技巧和注意事项,需要的朋友参考一下 开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。 云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。

  • 本文向大家介绍详解使用uni-app开发微信小程序之登录模块,包括了详解使用uni-app开发微信小程序之登录模块的使用技巧和注意事项,需要的朋友参考一下 从微信小程序官方发布的公告中我们可获知:小程序体验版、开发版调用 wx.getUserInfo 接口,将无法弹出授权询问框,默认调用失败,需使用 <button open-type="getUserInfo"></button> 引导用户主动进

  • 本文向大家介绍微信小程序 开发经验整理,包括了微信小程序 开发经验整理的使用技巧和注意事项,需要的朋友参考一下 微信小程序 开发经验整理 前言: 最近小程序出来了,公司也要求我们开发一款小程序。 于是,就开始着手做了,做了差不多一周吧,也遇到了很多问题,这里就来总结一下。(主要是从一个Android开发者的角度来述说的,可能比较零碎的一些知识点和经验,如果大家还有补充,欢迎) 总结 1:传参,方法

  • 本文向大家介绍微信小程序开发问题之wx.previewImage,包括了微信小程序开发问题之wx.previewImage的使用技巧和注意事项,需要的朋友参考一下 小知识 wx.previewImage是微信小程序官方提供的预览图片功能的api。 在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。 那么他有哪些坑呢? 我遇到的问题藏得比较深,我是在使用wxParse解析富

  • 本文向大家介绍微信小程序 开发指南详解,包括了微信小程序 开发指南详解的使用技巧和注意事项,需要的朋友参考一下 编写代码 创建小程序实例 点击开发者工具左侧导航的“编辑”,我们可以看到这个项目,已经初始化并包含了一些简单的代码文件。最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式