关于微信公众号-WeUI尺寸使用说明

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

　　我们一般看到传播很热的微信公众号WeUI，应该说是一种比较简单暴力的表现形式，但落实到设计者进行学习和实操时，具体数值应该会更有参考*，下面小编就给大家介绍一下关于微信公众号-WeUI尺寸使用说明.

先引用样式文件. 请在github上下载对应的文件。

　　下载地址为: 3次未审核, 搜索吧.

　　下载之后的目录结构为:

　　dist : 编译之后的目录, 里面的文件可以直接使用

　　src : 源码目录

　　可以打开dist下example目录, 这个是官方的例子文件. 里面比较全的基本使用方法.

　　打开example目录下的index.html 就可以看到官方的例子了.

　　这里需要说明一下, 这个官方使用的zepto.js框架. 这个框架更加适用移动端.

　　开始使用, 如果使用呢? 第一步先把css文件引用到微信页面中.

　　然后, 就可以使用官方的样式了. 首先来说明一下button.

　　使用方法:class="weui_btn weui_btn_primary"

　　其中属*有:

　　weui_btn weui_btn_primary

　　weui_btn weui_btn_warn

　　weui_btn weui_btn_default

　　三种, 如果你想扩展, 直接增加响应的样式就可以了

　　Tab使用:

　　tab包含两种: navbar 和 tabbar

　　使用方法.

　　navbar :

　　选项一

　　选项二

　　选项三

　　weui_bar_item_on 为选中项

　　tabbar:

　　Toast

　　弹出层: 一个是弹出提示数据.

　　已完成

　　使用$('#toast').show();进行显示数据.

　　searchBar搜索框

　　简单的搜索, 搜索世界的大不同, 不是所有的网站都可以

　　图标的使用.

　　Panel的使用

　　图文组合列表

　　标题二

　　由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。

　　图片里面没有填写地址, 请您自己填写信息.

　　不在一一的类数, 其他的有什么问题, 可以给我留言. 比较浅显的说了一下用法, 还有很多用法都需要你来慢慢的发觉. 可以当做我给你做了一个前端界面的推荐. 这次先分享这么多, 等下次分享一个做好的界面, 以及怎么实现的.

通过以上的描述你是否了解关于微信公众号-WeUI尺寸使用说明?这样如此全面、有效、简单的恢复方法，你学会了吗?如果你还想了解更多的话。更多更详细微信公众号素材内容，请持续关注微微风。