您当前的位置: 首页 > 知识百科 > weui小程序怎么用?weui小程序使用教程

weui小程序怎么用?weui小程序使用教程

时间:2023-07-01 14:05 阅读数:81 人阅读 分类:知识百科

  小程序开发需要运用到很多工具,其中,最有用的就是weui小程序。weUI是一套同微信原生视觉体验一致的基础小程序样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。那么weui小程序怎么用呢?以下是使用教程。

  预览

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

  

  如何使用

  1、下载程序代码,解压后可以看到如下目录:

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

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

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

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

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

  以上就是weui小程序的使用教程,大家都知道weui小程序怎么用了吗?其实大家可以对照上文中的流程实际操作以下,应该可以从中获取帮助的。想获取更多资料请关注微信小程序商店。

  

  微信小程序投票功能怎么用?

  公众平台小程序怎么用?

  微信小程序场景值怎么用?