weui在微信小程序中如何使用

weUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

预览
用微信web开发者工具打开dist目录(请注意,是dist目录,不是整个项目) 

 

如何使用
1、下载weui.wxss文件

2、我们只需要将weui.wxss文件导入到小程序项目的根目录下:

3、新建微信小程序项目,将weui.wxss文件导入到小程序项目的根目录下:

4、在项目中引用:在app.wxss中加入weui.wxss的引用- @import ‘weui.wxss’;

5、在项目中使用weui的样式:

可以按照下载代码中的实例使用了 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值