微信weui框架页面html,样式库 WeUI for Work

介绍

WeUI for Work 是基于WeUI 上开发的一套同企业微信原生视觉体验一致的基础样式库，由微信官方设计团队为企业微信内网页量身设计，令用户的使用感知更加统一。在企业微信网页使用 WeUI for Work，有如下优势：

1.同企业微信客户端一致的视觉效果，令所有企业微信用户都能更容易地使用你的网站

2.便捷获取快速使用，降低开发和设计成本

3.微信设计团队精心打造，清晰明确，简洁大方

该样式库目前包含表单、基础组件、操作反馈、导航相关、搜索相关、层级规范等内容。访问https://weui.io/work 或微信扫码即可预览。

使用

企业微信开发者如果需要使用 WeUI for Work，可以采用如下两种方式：

1)官方CDN 方式直接加载 CSS

https://res.wx.qq.com/open/libs/weui/1.1.2/weui-for-work.css

https://res.wx.qq.com/open/libs/weui/1.1.2/weui-for-work.min.css

2)Less 源码自行编译集成到项目中

自行编译代码的方式请访问WeUI for Work 的GitHub下载编译，该项目将定期与WeUI 保持同步。

注：除了加载的 CSS 文件不一样，使用 WeUI for Work 与使用 WeUI 无 HTML 结构上的变化。企业微信开发者如果早前使用的是 WeUI v1.x 版本，更换相关 CSS 文件为 WeUI for Work 的样式文件即可无缝切换到适配企业微信的风格界面。

常见问题

WeUI for Work 与 WeUI 的区别？

WeUI for Work 基于 WeUI 而来，WeUI 侧重于微信客户端内置网页的使用场景；而WeUI for Work 侧重于企业微信客户端内置网页的使用场景。WeUI for Work 相对于WeUI ，在 CSS 样式上跟随企业微信客户端风格微调，但开发者使用的 HTML 结构无须任何改动。

微信weui框架页面html,样式库 WeUI for Work相关推荐

Freemarker模板框架页面css样式等不起效
使用Freemarker模板框架页面css样式等不起效这里看到正常引入,并且可以通过快捷方式点击进入链接css文件等进行查看但是页面并没有正常加载到css样式: 结合之前关于配置文件proport ...
1.3.3微信小程序WeUI.js网页开发样式库
目录 1 概述 2 使用方法 2.1 安装 2.2 开发 3 元素类型 3.1 Button 3.2 Cell 3.3 Dialog 3.4 Progress 3.5 Toast 3.6 Msg Pa ...
微信weui框架页面html,微信小程序设计weui框架
原标题:微信小程序设计weui框架 weui-wxss是微信官方提供的ui框架,用起来也很方便(copy).下载地址:https://github.com/weui/weui-wxss 第一步:需要把 ...
微信UI设计之WeUI前端样式库
WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一.包含button.cell.dialog. progress ...
微信小程序（WeUI框架）
因为小程序的api描述都比较简单,并没有wxml及wxss的描述,有的人可能会想小程序有没有一个UI库.类似于前端中的常见的UI库例如Bootstrap.MDUI(简称MD).Semantic UI( ...
26.微信小程序（WeUI框架）
微信小程序(WeUI框架) 前言前言: 因为小程序的api描述都比较简单,并没有wxml及wxss的描述,有的人可能会想小程序有没有一个UI库.类似于前端中的常见的UI库例如Bootstrap.MD ...
微信 weui框架代码汇总
weui框架代码汇总: <!DOCTYPE html> <html><head><meta charset="UTF-8">< ...
用于微信公众号开发的 UI 库 jQuery WeUI
jQuery WeUI 详细介绍 jQuery WeUI 是 WeUI 的一个 jQuery 实现版本,除实现了官方插件之外,它还提供了如下拉刷新.日历.地址选择器等丰富的拓展组件.jQuery We ...
[教程]微信官方开源UI库-WeUI使用方法【申明：来源于网络】
[教程]微信官方开源UI库-WeUI使用方法 [ 教程]微信官方开源UI库-WeUI使用方法地址:http://www.weui.org.cn/?/article/1 微信公众号开发-WeUI使用说 ...
UI框架 Vant、ElementUI、WeUI、AUI、LayUI
UI框架有很多,比如微信官方为公众号开发提供的WeUI.适合后端程序员使用的Layui等.UI框架一般只是给前端狗写静态页面提供方便. 这类框架一般提供css和js文件,使用时引入css和js文件,然 ...

微信weui框架页面html,样式库 WeUI for Work

微信weui框架页面html,样式库 WeUI for Work相关推荐

最新文章

热门文章