概述

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

使用

方法一:

使用bower进行安装

1
bower install --save weui

方法二:

使用npm进行安装

1
npm install --save weui

开发

1
2
3
4
5
git clone https: //github.com/weui/weui.git
cd weui
npm install -g gulp
npm install
gulp -ws

运行gulp -ws命令,会监听src目录下所有文件的变更,并且默认会在8080端口启动一个express服务器,然后在浏览器打开http://localhost:8080/example。

手机预览

请用微信扫码

http://weui.github.io/weui/

Button

按钮可以使用a或者button标签。Wap上要触发按钮的active态,必须触发ontouchstart事件,可以在body上加上ontouchstart=""全局触发。

按钮常见的操作场景:确定、取消、警示,分别对应class:weui_btn_primary、weui_btn_default、weui_btn_warn,每种场景都有自己的置灰态weui_btn_disabled,除此外还有一种镂空按钮weui_btn_plain_xxx,客户端webview里的按钮尺寸有两类,默认宽度100%,小型按钮宽度自适应,两边边框与文本间距0.75em:

WeUI:专为开发微信HTML5应用的开源Web UI组件库相关推荐

  1. OnsenUI - 专为混合开发/手机 web 应用打造的开源移动端 UI 组件库

    具有原生应用外观的组件库,性能表现也非常不错,适合用来开发 App,值得关注和学习使用. 关于 Onsen UI Onsen UI 是一套专为移动应用设计的丰富的 UI 组件库,使用前端开发者熟悉的j ...

  2. iview图表_Vue高效UI组件库—iView开发实践

    前段时间在微软参加活动,分享了 TalkingData 开源的基于 Vue.js 的高效 UI 组件库 iView 的一些开发经验,现整理成文,和大家探讨. 关于 iView 开发历程和命名 Talk ...

  3. WeUI - 微信官方推出的免费开源 UI 组件库,上手简单,风格简约,在微信生态开发轻量项目的绝佳选择

    微信早年发布的 UI 框架,对想要创建让微信用户感到熟悉的应用来说,是一个好选择. 关于 WeUI WeUI 一款由腾讯微信团队开发的 UI 组件库,是一套同微信原生视觉体验一致的基础样式库,由微信官 ...

  4. FreeUI,一款微信原生开发UI组件库

    Free UI 轻量简洁的微信原生开发UI组件库 简介 Free UI,是一款微信原生开发的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水 如果你喜欢,请给个star呗~ 个人说明 如有问题 ...

  5. govcl html5,GoVCL —— Go 语言开发的 UI 组件库 | 软件推介

    原标题:GoVCL -- Go 语言开发的 UI 组件库 | 软件推介 由于现有第三方的Go UI库不是太大就是用的不习惯,或者组件太少.就萌生了自己写一个UI库的想法 项目介绍 由于现有第三方的Go ...

  6. 推荐微信小程序常用的几个UI组件库

    在微信小程序开发的过程中,自己不借助UI组件库开发出来的页面,不但要花费更多的时间,页面的美观度上也有一定差距. 所以在这里我给大家推荐几个好看,常用的几个UI组件库. WeUI WeUI 是微信官方 ...

  7. 当前最热门的微信小程序UI组件库

    1.WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog. progre ...

  8. 高颜值微信小程序 UI 组件库!

    Vant Weapp Vant 是一个轻量.可靠的移动端组件库,由有赞于 2017 年开源. Github(⭐️ 16.5k):github.com/youzan/vant- iView Weapp ...

  9. 5个受欢迎的微信小程序UI组件库

    开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果.自从微信小程序面世以来,不断有一些开源组件库出来,下面5款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库.还没用到它 ...

最新文章

  1. 【Linux】使用xshell登陆时密码框为灰色,无法输入密码
  2. 车辆2D/3D--Deep MANTA: A Coarse-to-fine Many-Task Network for joint 2D and 3D vehicle analysis
  3. 关于find my iphone的所有问题汇总解决
  4. Caffe学习系列(3):视觉层(Vision Layers)及参数
  5. 用计算机玩纸牌,《玩“纸牌”游戏》教学设计
  6. spring 各个jar包的功能
  7. Android开发编码规范pdf文件下载
  8. 第十一届 蓝桥杯 单片机设计与开发项目 省赛 程序设计试题及源码
  9. Low Power概念介绍<Level Shifter>
  10. Google中国要来啦
  11. BUG记录 —— JSON转对象部分字段丢失
  12. 多少天能学会php,如何在十天内学会php之第八天_php
  13. 【翻译】Tomcat 6.0 安装与启动
  14. 机器视觉中常用图像处理库都有哪些?
  15. vuex技术多组件共享数据-vuex模块化+namespace
  16. Windows优化大师下载| Windows优化大师下载
  17. 在线扑克运营商在 WSOP 赛事开幕当天遭到 DDoS 攻击
  18. html5新年网页做给父母的,给父母的感谢信5篇模板
  19. wkt 画圆_PS怎么画很多小圆呈圆形排列
  20. 自动给ssh输入密码(python使用pty模块,或者script命令)

热门文章

  1. 基于SpringBoot+Vue的在线音乐网站 音乐管理系统(源码调试+文档)
  2. 数字多媒体处理系统(multimedia)相关概念整理
  3. android 关机闹钟 实现,android 关机闹钟
  4. 图书管理系统Java
  5. html页面内容分页【转】
  6. 演播室与舞台在灯光设计上的区别
  7. 求助 matlab 2015b运行cat12出现内部错误闪退
  8. DCT变换在图像压缩中的实现
  9. @Transaction
  10. oracle空的显示成减号,qdrzq