微信WeUI设计规范文件下载及使用方法
yuyutoo 2024-10-12 00:52 9 浏览 0 评论
来人人都是产品经理【起点学院】，BAT实战派产品总监手把手系统带你学产品、学运营。
WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
预览及说明
视觉标准
下载及使用
1、微信关注“起点学院”服务号（扫描二维码立即关注）；
2、回复关键词“微信设计规范”至【起点学院】服务号后台即可获取下载地址。
下载后，只需要在页面中引入dist/style/weui.css或者dist/style/weui.min.css其中之一即可。 例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>WeUI</title>
<link rel="stylesheet" href="path/to/weui/dist/style/weui.min.css"/>
</head>
<body>
</body>
</html>
开发
git clone https://github.com/weui/weui.git
cd weui
npm install -g gulp
npm install
npm start
运行npm start命令，会监听src目录下所有文件的变更，并且默认会在8080端口启动服务器，然后在浏览器打开http://localhost:8080/example。
第三方扩展
文档
WeUI 说明文档参考 Wiki
License
The MIT License(http://opensource.org/licenses/MIT) 请自由地享受和参与开源
原文地址：https://github.com/weui/weui
相关推荐
- VBA中利用Instr函数（vba int函数）
-
【分享成果，随喜正能量】每一个在你的生命里出现的人，都有原因，喜欢你的人给了你温暖和勇气，你喜欢的人让你学会了爱和自持，你不喜欢的人教会你宽容与尊重，不喜欢你的人让你自省与成长。。...
- Insta360 Link体验:支持4K画质，一款使用场景丰富的AI云台摄像头
-
记者｜王公逸伴随直播、线上会议需求的兴起，网络直播的需求愈发增大，8月2日，影石Insta360正式推出全新产品：Insta360Link，这是一款AI智能云台摄像头。从产品形态来说，Insta3...
- VBA技术资料MF299:利用Instr进行文本查找
-
我给VBA的定义：VBA是个人小型自动化处理的有效工具。利用好了，可以大大提高自己的工作效率，而且可以提高数据的准确度。“VBA语言専攻”提供的教程一共九套，分为初级、中级、高级三大部分，教程是对VB...
- Fabric.js 拖放元素进画布 - 掘金
-
本文简介点赞+关注+收藏=学会了学习Fabric.js，我的建议是看文档不如看demo。本文实现的功能：将元素拖进到画布中并生成对应的图形或图片。效果如下图所示：...
- Vue3为什么推荐使用ref而不是reactive
-
为什么推荐使用ref而不是reactivereactive本身具有很大局限性导致使用过程需要额外注意,如果忽视这些问题将对开发造成不小的麻烦;ref更像是vue2时代optionapi的data的替...
- Fabric.js 样式不更新怎么办?（js更改样式）
-
本文简介带尬猴，我嗨德育处主任不知道你有没有遇到过在使用Fabric.js时无意中一些骚操作修改了元素的样式，但刷新画布却没更新元素样式？如果你也遇到同样的问题的话，可以尝试使用本文的方法。...
- Fabric.js 修改画布交互方式到底有什么用?
-
本文简介点赞+关注+收藏=学会了fabric.js为我们提供了很多厉害的方法。今天要搞明白的一个东西是canvas.interactive。官方文档对canvas.interact...
- Rust Web编程:第五章 在浏览器上显示内容
-
我们现在正处于可以构建一个Web应用程序的阶段，该应用程序可以使用不同的方法和数据管理一系列HTTP请求。这很有用，特别是当我们为微服务构建服务器时。然而，我们也希望非程序员能够与我们的应...
- Fabric.js 自由绘制椭圆 - 掘金（canvas画椭圆）
-
本文简介点赞+关注+收藏=学会了本文讲解在Fabric.js中如何自由绘制椭圆形，如果你还不了解Fabric.js，可以查阅《Fabric.js从入门到精通》。效果如下图所示...
- 手把手教你实现JS手搓"防抖"优化代码——专业的事用专业的方法!
-
前言在我们前端编程中，假如我们要给后端发送请求，万一手抖多点了几次，多发送了几遍怎么办？解决方案：防抖！这种事就要交给我们专业的“防抖”先生来处理！今天，我们就来教大家手搓“防抖”...
- 详解虚拟DOM与Diff算法（虚拟dom一定比实际dom快吗）
-
vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含比较详细的源码解读。...
- 走进 React Fiber 的世界（我走进你的世界手势舞视频）
-
文/阿里淘系F(x)Team-冷卉Fiber设计思想Fiber是对React核心算法的重构，facebook团队使用两年多的时间去重构React的核心算法，在React16以上...
- 前端新一代框架 Svelte 火了!十个场景带你简单认识它!
-
近几年听到的主流框架都是Vue、React、Angular，但其实有一个框架在国外非常火，用起来也是很方便，那就是...
- 借助DeepSeek实现了一个PDF阅读器
-
1、简介使用pdf.js库加载和显示PDF文件。实现了翻页、缩放功能。提供了基本的错误处理。功能特点：支持选择本地PDF文件。可以逐页查看PDF内容。支持放大缩小功能。界面简洁，易于使...
- DeepSeek代码之旅1:卫星地图标记方法之——html语言的实现
-
最近遇到一个任务，具体功能如下：1、调用高德地图API，图层为卫星图层，根据需要标记兴趣点；2、标记完成后可以保存兴趣点，便于下次加载历史兴趣点。...
欢迎 你 发表评论:
- 一周热门
-
-
前端面试:iframe 的优缺点? iframe有那些缺点
-
带斜线的表头制作好了，如何填充内容?这几种方法你更喜欢哪个?
-
漫学笔记之PHP.ini常用的配置信息
-
其实模版网站在开发工作中很重要，推荐几个参考站给大家
-
推荐7个模板代码和其他游戏源码下载的网址
-
[干货] JAVA - JVM - 2 内存两分 [干货]+java+-+jvm+-+2+内存两分吗
-
正在学习使用python搭建自动化测试框架?这个系统包你可能会用到
-
织梦(Dedecms)建站教程 织梦建站详细步骤
-
【开源分享】2024PHP在线客服系统源码(搭建教程+终身使用)
-
2024PHP在线客服系统源码+完全开源 带详细搭建教程
-
- 最近发表
- 标签列表
-
- mybatis plus (70)
- scheduledtask (71)
- css滚动条 (60)
- java学生成绩管理系统 (59)
- 结构体数组 (69)
- databasemetadata (64)
- javastatic (68)
- jsp实用教程 (53)
- fontawesome (57)
- widget开发 (57)
- vb net教程 (62)
- hibernate 教程 (63)
- case语句 (57)
- svn连接 (74)
- directoryindex (69)
- session timeout (58)
- textbox换行 (67)
- extension_dir (64)
- linearlayout (58)
- vba高级教程 (75)
- iframe用法 (58)
- sqlparameter (59)
- trim函数 (59)
- flex布局 (63)
- contextloaderlistener (56)