微信小程序 好用的UI组件库推荐

导读:本篇文章讲解 微信小程序 好用的UI组件库推荐,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

1.WeUI

WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库,
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

WeUI 在线预览
WeUI gitee地址
WeUI github地址

<1>.本地预览,快速获得样式

1.下载WeUI
在这里插入图片描述

2.用微信web开发者工具打开dist目录(请注意,是dist目录,不是整个项目)
在这里插入图片描述
在这里插入图片描述

  1. 需要什么组件,就copy什么组件,再根据需要修改
    在这里插入图片描述
    在这里插入图片描述

<2>.导入项目中使用

1.下载WeUI
在这里插入图片描述
2.导 weui.css 或 weui.min.css 入项目
在这里插入图片描述
在这里插入图片描述
接下来在需要使用WeUI组件的页面中导入wxss文件即可

@import '/weui.wxss';

更推荐在 app.wxss 全局导入
在这里插入图片描述

2.Vant Weapp

在这里插入图片描述
Vant Weapp 官网

Vant Weapp 官网有详细的文档资料

3.iView Weapp

在这里插入图片描述

一套高质量的
微信小程序 UI 组件库

iView Weapp 官网
iView Weapp 官网有详细的文档资料

4.Lin UI

在这里插入图片描述

Lin UI 致力于给小程序开发者提供愉悦的开发体验。
Lin UI 官网
Lin UI 官网有详细的文档资料

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由半码博客整理,本文链接:https://www.bmabk.com/index.php/post/92680.html

(0)

相关推荐

半码博客——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!