• 简书网微信公众号二维码
您当前的位置: 首页 > 网站建设 > 微信小程序weui文档怎么开发

微信小程序weui文档怎么开发

时间:2023-07-01 14:05 阅读数:108 人阅读 分类:网站建设

  关于微信小程序weui,小编已经给出了一些具体的资料,如果大家有认真观看,应该都有了一定的了解,那么接下来小编就来讲一下微信小程序weui文档怎么开发。

  WeUI 是一套同微信原生视觉体验一致的小程序样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

  


  WeUI

  WeUI最初是为HTML5的页面设计的样式库,现在微信小程序使用的样式机制也是css风格的样式机制(不过稍稍有些不一样的地方),WeUI理所当然的推出了WXSS版本。它的GitHub地址是:github/weui/weui-wxss

  我们可以直接去Github上下载它的小程序代码,也可以通过npm来方便的获取:

  npm install weui-wxss

  下载下来的代码中,包含了weui的源代码,以及一个基于weui的示例小程序:

  


  示例小程序

  里面包含了丰富的使用weui的示例代码,可以很好的学习weui提供的各个样式的使用。

  我们可以通过微信web开发者工具来打开这个示例代码:

  


  示例代码

  


  button样式

  你的小程序主要是通过在你的app.wxss中导入weui.wxss来导入WeUI的样式的:

  @import "style/weui.wxss";

  之后,就可以在小程序的各个地方使用WeUI中定义的样式了。

  微信小程序weui文档对于weui的使用,甚至是开发小程序,帮助都是很大的。希望大家认真学习并收藏这篇份资料,想要获取更多相关资料请关注微信小程序素材网。

  

  微信小程序引用weui操作步骤

  微信小程序怎么用weui,小程序weui使用方法

  微信小程序调用js方法,微信小程序引用js的方法