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

作者:鱼爪创媒网 点击:137 发布时间:2021-11-15

  我们一般看到传播很热的微信公众号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尺寸使用说明?这样如此全面、有效、简单的恢复方法,你学会了吗?如果你还想了解更多的话。更多更详细微信公众号素材内容,请持续关注鱼爪创媒。

相关推荐:

微信o2o销售是传销吗?微信o2o销售是什么?

微信公众号如何运营销售?怎么运营销售微信公众号?

微信O2O销售是传销吗?微信营销与传销的区别

鱼爪创媒是一家专业提供公众号交易、公众号迁移、公众号增粉、公众号买卖交易的平台,如果您有这方面的需求,欢迎电话咨询:13018202357。有任何疑问,可以 【立即咨询】 我们平台的客服或者添加微信号 【13018202357】 。此文章来源于网络,如有侵权,请联系删除

标签:

资金保障

提供买卖双方资金担保交易
更放心

法律保障

交易签订具有法律效益合同
提供法律支持

急速退款

专属资金通道,快速拿到
钱款

全资公司

全资控股公司,大平台交易
有保障

服务优质

3500+专业团队,为您提供24
小时一对一贴心服务