微信小程序使用weui样式框架

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
以下内容是纯UI库,如果想使用逻辑封装版本,请看小程序组件库 - WeUIWEUI的组件库

这篇文章只介绍样式如何引入↓↓↓

  1. github下载:weui-wxss

  2. 将dist文件导入到微信开发者工具

微信小程序使用weui样式框架_第1张图片微信小程序使用weui样式框架_第2张图片
3.看到这个界面就说明你git拉下来的项目可以使用的
微信小程序使用weui样式框架_第3张图片
进入到这里你就可以看到weui的所有组件了,建议保存这个项目,方便你去找到你所需要的样式

4.把weui.wxss复制到你的项目中
微信小程序使用weui样式框架_第4张图片
5.在你的项目中引入weui.wxss
微信小程序使用weui样式框架_第5张图片
6.将你需要的html标签复制到自己到项目中
微信小程序使用weui样式框架_第6张图片

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