百度360必应搜狗淘宝本站头条
grid 设置导航栏dedecms模版移位运算context xml
当前位置：网站首页 > 文章教程 > 正文

微信WeUI设计规范文件下载及使用方法

xsobi 2025-01-02 20:02 1 浏览

来人人都是产品经理【起点学院】，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

相关推荐

MySQL 正则表达式最全介绍

MySQL支持使用正则表达式进行模式匹配和文本搜索。正则表达式提供了一种强大的工具，可以用来匹配和检索字符串中的复杂模式。MySQL中的正则表达式功能主要在REGEXP或RLIKE运算符中使用。1....

正则前面的 (?i) (?s) (?m) (?is) (?im) 是什么意思

Q:经常看见的正则前面的(?i)(?s)(?m)(?is)(?im)是什么意思？...

SQL中的正则表达式

正则表达式通常用来匹配字符，比如在一段字符中截取我们想要的字符，又或者将不想要的字符串替换，或者统计某个或者某几个字符出现的次数，我们都可以使用Oracle提供的正则表达式语法来完成。1.比如，我们在...

学习VBA，报表做到飞 第四章 正则表达式 4.10 贪婪模式与懒惰模式

第四章正则表达式4.10贪婪模式与懒惰模式正则表达式匹配时默认为贪婪模式，也就是尽可能多的匹配。有时候我们需要对符合条件的内容分开匹配，就要用到懒惰模式。...

Python re模块 正则表达式之compile函数

一、应用场景为了重复利用同一个正则对象，需要多次使用这个正则表达式的话，使用re.compile()保存这个正则对象以便复用，可以让程序更加高效。二、使用方法...

几条常用的JavaScript正则表达式

在做项目或者代码编写过程中，一般会遇到验证电话、邮箱等格式是否正确合法的问题。通常我们会使用正则表达式，自己写很麻烦，且正则表达式又不是那么容易记住。所以现在分享几条常用的正则表达式，需要的时候直接复...

C语言中使用正则表达式

POSIX规定了正则表达式的C语言库函数，参见regex（3),我们已经学了很多C函数的用法读者应该具备自己看懂man手册的能力C语言中使用正则表达式一般分为三步：1.编译正则表达式regco...

VBA与Excel入门系列-12-正则表达式(上篇)

系统环境：Windows10...

系列专栏(八):JS的第七种基本类型Symbols

ES6作为新一代JavaScript标准，已正式与广大前端开发者见面。为了让大家对ES6的诸多新特性有更深入的了解，MozillaWeb开发者博客推出了《ES6InDepth》系列文章。CSDN...

EXCEL正则表达式的基础语法

正则表达式的基本概念及用途了解之后，我们就来学习下具体的语法，先以一个简单的例子来讲解。基础语法：比如，A1单元格中有一串字符：aabbccdd...

这几个冷门到你没听过的App，好用到为你打开新世界大门

一些好用的App总被埋没在数以百万计的应用商店中。今天为大家推荐几款Windows、Android、iOS、macOS平台里略显小众、但足够好用的遗珠App。万彩办公大师（Windows）转换Offi...

C/C++知识分享:C语言正则表达式

C语言的正则表达式规则，特此跟大家分享。一、C语言如何使用正则表达式？C语言使用正则表达式的方法很简单，只需要包含正则表达式头文件即可：...

Github工具库(二)

作者：Yunying...

在 JavaScript 中替换所有指定字符 3 种方法

在JS没有提供一种简便的方法来替换所有指定字符。在Java中有一个replaceAll()，replaceAll(Stringregex,Stringreplacement))方法...

正则表达式进阶

正则表达式，是每个程序员的必备的技能1.贪婪匹配和惰性匹配...

一周热门
最近发表
标签列表