WeUI:专为开发微信HTML5应用的开源Web UI组件库
概述
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组件库相关推荐
- OnsenUI - 专为混合开发/手机 web 应用打造的开源移动端 UI 组件库
具有原生应用外观的组件库,性能表现也非常不错,适合用来开发 App,值得关注和学习使用. 关于 Onsen UI Onsen UI 是一套专为移动应用设计的丰富的 UI 组件库,使用前端开发者熟悉的j ...
- iview图表_Vue高效UI组件库—iView开发实践
前段时间在微软参加活动,分享了 TalkingData 开源的基于 Vue.js 的高效 UI 组件库 iView 的一些开发经验,现整理成文,和大家探讨. 关于 iView 开发历程和命名 Talk ...
- WeUI - 微信官方推出的免费开源 UI 组件库,上手简单,风格简约,在微信生态开发轻量项目的绝佳选择
微信早年发布的 UI 框架,对想要创建让微信用户感到熟悉的应用来说,是一个好选择. 关于 WeUI WeUI 一款由腾讯微信团队开发的 UI 组件库,是一套同微信原生视觉体验一致的基础样式库,由微信官 ...
- FreeUI,一款微信原生开发UI组件库
Free UI 轻量简洁的微信原生开发UI组件库 简介 Free UI,是一款微信原生开发的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水 如果你喜欢,请给个star呗~ 个人说明 如有问题 ...
- govcl html5,GoVCL —— Go 语言开发的 UI 组件库 | 软件推介
原标题:GoVCL -- Go 语言开发的 UI 组件库 | 软件推介 由于现有第三方的Go UI库不是太大就是用的不习惯,或者组件太少.就萌生了自己写一个UI库的想法 项目介绍 由于现有第三方的Go ...
- 推荐微信小程序常用的几个UI组件库
在微信小程序开发的过程中,自己不借助UI组件库开发出来的页面,不但要花费更多的时间,页面的美观度上也有一定差距. 所以在这里我给大家推荐几个好看,常用的几个UI组件库. WeUI WeUI 是微信官方 ...
- 当前最热门的微信小程序UI组件库
1.WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog. progre ...
- 高颜值微信小程序 UI 组件库!
Vant Weapp Vant 是一个轻量.可靠的移动端组件库,由有赞于 2017 年开源. Github(⭐️ 16.5k):github.com/youzan/vant- iView Weapp ...
- 5个受欢迎的微信小程序UI组件库
开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果.自从微信小程序面世以来,不断有一些开源组件库出来,下面5款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库.还没用到它 ...
最新文章
- 【Linux】使用xshell登陆时密码框为灰色,无法输入密码
- 车辆2D/3D--Deep MANTA: A Coarse-to-fine Many-Task Network for joint 2D and 3D vehicle analysis
- 关于find my iphone的所有问题汇总解决
- Caffe学习系列(3):视觉层(Vision Layers)及参数
- 用计算机玩纸牌,《玩“纸牌”游戏》教学设计
- spring 各个jar包的功能
- Android开发编码规范pdf文件下载
- 第十一届 蓝桥杯 单片机设计与开发项目 省赛 程序设计试题及源码
- Low Power概念介绍<Level Shifter>
- Google中国要来啦
- BUG记录 —— JSON转对象部分字段丢失
- 多少天能学会php,如何在十天内学会php之第八天_php
- 【翻译】Tomcat 6.0 安装与启动
- 机器视觉中常用图像处理库都有哪些?
- vuex技术多组件共享数据-vuex模块化+namespace
- Windows优化大师下载| Windows优化大师下载
- 在线扑克运营商在 WSOP 赛事开幕当天遭到 DDoS 攻击
- html5新年网页做给父母的,给父母的感谢信5篇模板
- wkt 画圆_PS怎么画很多小圆呈圆形排列
- 自动给ssh输入密码(python使用pty模块,或者script命令)