微信小程序引入WeUI

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序引入WeUI相关的知识,希望对你有一定的参考价值。

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

以上是关于微信小程序引入WeUI的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序从零开始开发步骤-引入框架WeUI

重磅:微信小程序发布WeUI.js 官方视觉组件库!

微信小程序weui的使用

微信小程序中weui使用方法

微信小程序 Component is not found in path “miniprogram_npm/weui-miniprogram“

vscode 开发微信小程序环境配置