微信小程序引入WeUI

最新推荐文章于 2024-08-08 08:29:12 发布

weixin_34050005

最新推荐文章于 2024-08-08 08:29:12 发布

阅读量394

点赞数

文章标签： ui 前端 ViewUI

原文链接：http://blog.51cto.com/9886022/2150491

版权

WeUI 为微信小程序量身设计的UI库

一、前言

    在做微信小程序的时候就想着找一个UI库，方便我们前端开发，然后查找资料，发现了这个WeUI特别适合放在微信小程序里。下面就简单的了解一下。
    WeUI是一套跟微信原生的视觉体验类似的一套样式库，由微信官方设计团队为微信内网页和小程序设计的，让用户视觉更加统一。包含了外卖常用标签的各种元素。

二、预览

使用微信开发者工具打开weui-wxss-master 中的dist目录。
下载地址：https://github.com/Tencent/weui-wxss

PS:
组件的wxml结构请看dist/example/下的组件
样式文件可直接引用dist/style/weui.wxss，或者单独引用dist/style/widget下的组件的wxss
WeUI的视觉标准：https://github.com/weui/weui-design

小程序中引入样式就好，不需要引入WeUI的js

转载于:https://blog.51cto.com/9886022/2150491