本书未发布

3.3. 安装 WeUI

WeUI

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一,当然也有小程序版本的 WeUI,这一节我们来了解 WeUI 的使用。

安装 WeUI

下载 Demo

我们使用了 WePY 框架,那么 WePY 如何使用 WeUI 呢,这里 有一个官方推荐的例子供大家参考,我们先将这个项目导入开发者工具。

$ cd ~/Code
$ git clone git@github.com:wepyjs/wepy-weui-demo.git

同样我们需要安装 Node 包以及编译:

$ cd wepy-weui-demo
$ yarn
$ wepy build

如果 yarn 命令运行报错,可以尝试 yarn install --no-bin-links

file

接下来微信开发者工...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 13

Rotor1996
[WARNING] 找不到编译器:wepy-compiler-Less。
2 个点赞 | 13 个回复 | 问答 | 课程版本 5.5
wangbd
yarn 安装的时候特别慢?
0 个点赞 | 8 个回复 | 问答 | 课程版本 5.5
xuelong
NPM 和 yarn
0 个点赞 | 6 个回复 | 问答 | 课程版本 5.5
JeffLi
WEUI 拉不下来啊?
0 个点赞 | 6 个回复 | 问答 | 课程版本 5.5
TYu
weUI 的问题?
0 个点赞 | 6 个回复 | 问答 | 课程版本 5.5
PENGPN
wepy build --watch 不会自动监听文件的变化。
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
Athos
新版微信开发者工具无法跟上课程
0 个点赞 | 2 个回复 | 问答 | 课程版本 2.0
cibehzf
wangkai
创建已有项目流程变化
0 个点赞 | 1 个回复 | 分享 | 课程版本 5.5
think0000
src/app.wpy 这个里面加上样式了 但编译后没有生成样式文件
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
郝合心
修改小程序标题?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
eweweweqweqwe
小程序可以使用其他的 UI 么 ??
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5