微信网页设计样式库WeUI发布

为帮助网页开发者实现与微信客户端一致的视觉体验,并降低设计和开发成本,微信团队推出了网页设计样式库:WeUI。

 

该样式库目前包含 button (按钮)、cell (单元格)、toast (浮层提示)、dialog (对话框)等网页常用的各式元素,并已在 GitHub 上开源。

开发者只需三步,就能在自己的网页上轻松实现按钮、浮层提示等功能:
1. 根据文档说明,下载 WeUI 库。
2. 在页面中引入 weui.min.css 文件。
3. 从官方 demo 中拷贝需要的功能组件代码到自己页面即可。

github地址:https://github.com/weui/weui

演示地址:http://weui.github.io/weui/#/

开发者文档:http://mp.weixin.qq.com/wiki/2/ae9782fb42e47ad79eb7b361c2149d16.html

时间: 2024-11-05 23:37:38

微信网页设计样式库WeUI发布的相关文章

麦库记事发布“我的麦库”微信服务号

近日,国内老牌云笔记服务商麦库记事发布"我的麦库"微信服务.上线三日,"我的麦库"微信服务的绑定人数已逼近两万人.这一服务的上线,也标志麦库记事的服务平台从之前的Windows/OSX/iOS/Android/Windows Phone/Windows8/Web/WAP/浏览器插件等30多个细分平台,又新增了重量级的用户触角.对比同行业的其他云笔记厂商,例如印象笔记.有道云等都领先一步发布了微信的服务号.麦库记事此时发布"我的麦库"到底有多少吸引

新闻发布系统,网页设计,我们也行

开始了B/S的学习,开始了浏览器前台网页的制作,开始了一段新的征程. 我们都浏览过各种网页,领略过各式各样的风格.有像百度那样简单大气的,也有像hao123那样复杂齐全的.以前从没有想过这样的网页是如何"炼"的,而在学习了新闻发布系统后,只想说一句:原来是这样子的啊. 网页设计,有两种方法:一种是表格,一种是div+css.牛腩视频中教我们用的是后者,这也是有一定原因的. 为什么要使用div+css样式来排版?传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容.改用css排

Adobe发布网页设计软件Muse无需编写代码创建网站

文章描述:Adobe发布网页设计软件Muse. Adobe今天宣布推出网页设计软件-Muse. Adobe表示,借助Muse软件,网页设计师可以创建网站,而无需编写代码.Adobe之前已经进行了Muse beta公测. Muse采用类似打印布局方式,简化了网页规划,设计和发布.Muse让用户使用内置交互性的工具,在主页上进行网页内容创建,内建的Adobe Typekit并且向用户提供超过400个Web字体. Adobe发布网页设计软件Muse 用户可以从Adobe网站购买独立拷贝,或者付费成为A

网页设计引入CSS样式的五种方式

css|设计|网页|网页设计 一.使用STYLE属性 将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如: <TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%> 这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』. 二.使用STY

网页设计小技巧:用CSS制超级链接样式

css|技巧|链接|设计|网页|网页设计 有时我们可能希望内部链接与外部链接显示不同的样式,如外部链接.我想在链接的旁边加上一个小图标,以表示其是一个外部的链接,来告诉来访者,让他们来确认是在新窗口打开还是在本窗口打开.我们可能会这样做:.external{background:url(images/external.gif) no-repeat right top;padding-right:12px;}然后给每一个外部的链接应用该CSS,当然,这样做并不是不可以,只是太繁琐. 那有没有好的办

基于CI框架的微信网页授权库示例_php实例

本文实例讲述了基于CI框架的微信网页授权库.分享给大家供大家参考,具体如下: 这里演示建立在CI框架上的微信网页授权功能. 1. 微信小类库,网页授权放置在libraries文件夹 <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); Class Weixin { private $appId; private $appSecret; function __construct() { $this->

基于CI框架的微信网页授权库示例

本文实例讲述了基于CI框架的微信网页授权库.分享给大家供大家参考,具体如下: 这里演示建立在CI框架上的微信网页授权功能. 1. 微信小类库,网页授权放置在libraries文件夹 <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); Class Weixin { private $appId; private $appSecret; function __construct() { $this->

CSS样式表在网页设计中的运用

多层模式表单(Cascading Style Sheet, CSS)是一种为超文本置标语言(HyperText Markup Language, HTML)提供增强补充服务的技术,可对每一个HTML的置标(tag)做精雕细刻的修饰.只用HTML制作的网页,对页面内各部分的修饰能力有限且语句烦锁,CSS正是弥补这一缺陷的有力技术,它语句.文法简单,只要在源码中插入STYLE语句就可轻易实现页面内任意文本颜色.背景.边框.行距.字距的添删和修饰等功能,使网页更加生动活泼,从而获得满意的效果. ---

oobash 0.39.3发布 bash 4面向对象的样式库

oobash 是一个采用bash编写的bash 4面向对象的样式库. oobash 0.39.3该版本添加的文件包括:md5sum,SHA1SUM,getFreeSpace,getTotalSpace,getUsableSpace 和 getInode.添加到I18N:I18n.out.print,I18n.err.print,I18n.out.println 和 I18n.err.println.从I18N 删除了I18n.out.message 和 I18n.err.message.添加替换