小程序WeUI使用教程(简单易懂)

1、WeUI
WeUI 是一套同微信原生视觉体验一致的基础样式库。由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。它最初是为了给在微信端页面提供一致的视觉体验而开发开源的一个样式库,后续随着小程序、企业微信等等的开放能力出现,WeUI也提供了小程序、企业微信等等的版本。我们将要介绍的,就是WeUI的小程序版本。

2、使用步骤

  • 首先去WeUI WeUI将包下载到本地,
  • 小程序WeUI使用教程(简单易懂)_第1张图片

下载之后将包中的dist文件夹导入微信开发者工具中
小程序WeUI使用教程(简单易懂)_第2张图片

  • 之后你就会看到这个界面
  • 小程序WeUI使用教程(简单易懂)_第3张图片
  • 回到下载的代码包,将weui.wxss复制到自己的项目当中,目录结构看图。小程序WeUI使用教程(简单易懂)_第4张图片

接下来在需要使用WeUI组件的页面中导入文件即可

@import '/weui.wxss';

小程序WeUI使用教程(简单易懂)_第5张图片

你可能感兴趣的:(微信小程序)