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

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

2、使用步骤

  • 首先去WeUI WeUI将包下载到本地,
  • 2022-如何使用Echarts画虎虎生威
  • 在这里插入图片描述

下载之后将包中的dist文件夹导入微信开发者工具中
在这里插入图片描述

  • 之后你就会看到这个界面
  • 在这里插入图片描述
  • 回到下载的代码包,将weui.wxss复制到自己的项目当中,目录结构看图。在这里插入图片描述

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

@import '/weui.wxss';

在这里插入图片描述

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注