ZanUI-WeApp 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
ZanUI-WeApp 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
ZanUI-WeApp 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
ZanUI-WeApp 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
ZanUI-WeApp 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
开发语言 JavaScript
操作系统 Android
软件类型 开源软件
开源组织
地区 国产
投 递 者 红薯
适用人群 未知
收录时间 2017-02-13

软件简介

ZanUI-WeApp 是有赞移动 Web UI 规范 ZanUI 的小程序现实版本,结合了微信的视觉规范,为用户提供更加统一的使用感知。

包含 badge、btn、card、cell、color、dialog、form、helper、icon、label、loadmore、panel、quantity、steps、tab、toast、toptip 共计 17 类组件或元素。

fir.im

 

展开阅读全文

代码

评论 (26)

加载中
小程序死不了,但也不能超越原生APP
2019/05/06 10:26
回复
举报
作为后端,非常非常不想写页面
2019/05/06 10:17
回复
举报
赞同
2020/07/20 09:30
回复
举报
+1
2020/10/19 22:38
回复
举报
小程序市场还是很大的
2019/04/30 21:19
回复
举报
别做一堆不要的,还是要想办法做成产品的
2018/12/15 13:46
回复
举报
打分: 力荐
很不错,比之前更完善丰富了,决定以后就用i了。
2018/07/12 21:36
回复
举报
现在体验不差了
2018/07/12 21:23
回复
举报
小程序玩个QQ麻将都能卡死,体验贼JB差
2018/06/21 17:40
回复
举报
光靠开发速度有鸟用。H5体验差的要死。
2018/06/21 17:27
回复
举报
zanui上传没有
2018/06/07 15:02
回复
举报
说到开发速度,h5完爆小程序
2018/06/07 14:58
回复
举报
更多评论
发表于大前端专区
2018/07/18 07:48

ZanUI-WeApp 3.0.9 发布,微信小程序 UI 库

ZanUI-WeApp 3.0.9 已发布,更新内容如下: 新特性 Cell 组件新增 no-border 属性 #369 新增 Radio 组件 #354 改进 优化 Dialog 弹窗组件对 open 信息的处理 #366 优化 Cell 组件默认 slot 展示效果,添加 title 区域自定义 class #360 优化 LoadMore 组件表现及展示效果 #337 修复 修复文档错误 #370 ZanUI-WeApp 是有赞开源的高颜值、好用、易扩展的微信小程序 UI 库,现已包含 badge、btn、card、cell、dialog、icon、label...

0
15
发表于大前端专区
2018/07/16 07:38

ZanUI-WeApp 3.0.8 发布,微信小程序 UI 库

ZanUI-WeApp 3.0.8 已发布,ZanUI-WeApp 是有赞开源的高颜值、好用、易扩展的微信小程序 UI 库,现已包含 badge、btn、card、cell、dialog、icon、label、noticebar、panel、popup、switch、tab、toast、toptips 等组件或元素。 更新内容 修复 Toast 组件未传入 timeout 时不会自动关闭的问题 #361 修复 DateTime 组件接收非标准 iso 格式时间初始时间错误的问题 #355 下载地址: Source code (zip) Source code (tar.gz)...

4
19
发表于大前端专区
2018/05/22 07:54

ZanUI-WeApp 3.0.3 发布,微信小程序 UI 库

ZanUI-WeApp 3.0.3 已发布,ZanUI-WeApp 是有赞开源的高颜值、好用、易扩展的微信小程序 UI 库。 更新内容 Bug Fixes 修复 cell 组件点击事情触发两次的问题 #259 修复 Cell 组件文档错误 #254 (pangxie1991) Improvements Dialog 组件中的按钮支持 open-type 属性 #247 下载地址: Source code (zip) Source code (tar.gz)...

5
35
发表于大前端专区
2018/03/27 07:42

ZanUI-WeApp 2.4.7 发布,微信小程序 UI 库

ZanUI-WeApp 是有赞开源的高颜值、好用、易扩展的微信小程序 UI 库。 更新内容 Improvements Field 组件新增 disabled 属性支持 #150 移除多余的日志信息 #144 新增小程序文档网页 #142 Bug Fixes 修复弹窗被输入框文本覆盖的问题 #149 修复 NoticeBar 组件动画播放异常的问题 #155

1
36
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2018/08/23 16:43

WePy--使用zanUI组件

  因为Wepy 中不能直接引入zanUI组件, 好在还有百度, 参考链接 https://github.com/brucx/wepy-zanui-demo (感谢);   我的做法是将 源码下了下来, 源码中将zanUI组件 用Wepy的文件类型 写了出来 , 然后在项目中需要用到的那个,再添加进来,加以应用;   步骤截图     1: 在src下创建文件夹, 存放zanUI的样式文件, helper.scss 与 common.scss 基础样式, 接着看自己用到什么,就引入什么, 比如要用 icon图标, 就加入icon....

0
0
发表于大前端专区
2020/06/04 09:42

安装vant-weapp 组件

#### 一、新建小程序项目 #### 二、打开cmd,小程序项目目录下 > npm i vant-weapp -S --production 2.1 如果执行上面的代码报错了 ![](https://oscimg.oschina.net/oscnet/up-04aa1c8f36a9cf5689c7eb44e45bb98cb87.png) 那你就执行一下:npm init -y 微信开发工具里面就会出现:package.json这样就解决问题了 2.2 接着就可以执行:npm i vant-weapp -S --production ![](https://oscimg.oschina.net/oscnet/up-0c3a01a2858a3ba...

0
0
发表了博客
2020/11/29 11:11

记录mpvue+vant-weapp的使用(一):安装配置使用,引入vant-weapp

2020-8-7前来更新------------------------------------------- 放上成品,可以参考参考: 之前用vue用的比较习惯,比较喜欢里面的组件式开发,能少写一些复用的代码,于是尝试一下美团的mpvue来开发小程序。 官网:http://mpvue.com/mpvue/quickstart.html 部署教程官网里面的就可以了。 然后,mpvue只是提供了代码编辑的框架而已,里面的组件之类需要第三方的组件库,我看到基本上用的vant-weapp的比较多,于是也打算尝试一下...

0
0
发表于大前端专区
2020/01/16 17:16

用vant-weapp写一个购物车

# vant-weapp介绍 vant-weapp是有赞出品的,前端组件库,既然出自有赞之手,必然是尤其适合于做一个商城项目,它移植于vant-ui,后者有的特性大部分都已经实现。vant-ui找了好久,都没有发现购物车业务组件,我就从自家的有赞精选这个小程序的购物车搬一份过来。 # 参考目标页 ![有赞购物车](https://upload-images.jianshu.io/upload_images/2599324-00ead04cc24041e8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/124...

0
0
2019/03/20 14:39

在mpvue中引用vant weapp

使用mpvue作为框架,引入第三方的ui框架 vant-weapp vant-weapp: https://github.com/youzan/vant-weapp 下载vant-weapp的资源:https://github.com/youzan/vant-weapp.git 1、 2、 3、 4、全选复制 5、进入自己的项目的static文件夹 6、新建一个vant文件夹 7、把刚才复制的所有东西,丢进去 8、项目如图: 9、单个页面中创建main.json文件 10、使用的组件名称引入 { "usingComponents": { "van-button": "/stati...

0
3
发表了博客
2019/12/11 11:37

Vant Weapp 1.0 正式版发布

## 1.0 来了 2018 年 8 月 11 日,我们发布了 [Vant Weapp][1] 的首个版本。16 个月以来,我们收到了 27 位开发者贡献的 1000 多次提交,也处理了 1200 多个 issue,发布了 50 多个版本。Github 的 star 数从 5k 上升到了 11k,长期是 Github 上 star 数最多的第三方小程序 UI 组件库。 现在,我们很高兴向大家介绍 **Vant Weapp 1.0 版本**。 经过 2 个月的开发与 beta 测试,我们为大家带来了 11 个全新的组件,重构了多个现有...

0
0
发表了博客
2020/02/03 17:07

微信小程序引入vant Weapp组件

一.打开小程序项目,选中miniprogram,右键在“终端打开” 输入命令:npm init(记得以管理员身份运行开发工具),然后一直回车,直至在miniprogram文件夹下,生成package.json文件。 二.打开官网,https://youzan.github.io/vant-weapp/#/intro 通过npm安装,执行以下命令 1:npm install --production 2: npm i @vant/weapp -S --production 三.构建 npm 包 打开微信开发者工具,点击 工具 -> 构建 npm,并点击详情,勾选 使...

0
0
发表了博客
2019/04/10 10:10

Vant Weapp 1.0 正式版发布

1.0 来了 2018 年 8 月 11 日,我们发布了 Vant Weapp 的首个版本。16 个月以来,我们收到了 27 位开发者贡献的 1000 多次提交,也处理了 1200 多个 issue,发布了 50 多个版本。Github 的 star 数从 5k 上升到了 11k,长期是 Github 上 star 数最多的第三方小程序 UI 组件库。 <img src="https://img.yzcdn.cn/public_files/2019/12/05/7b13ce2b7ae72258f05ee4cc1772016c.jpg" style="zoom:25%;" /> 现在,我们很高兴向大家介绍...

0
0
发表了博客
2019/07/30 20:04

mpvue中使用vant-weapp

安装 # 通过 npm 安装 npm i vant-weapp -S --production # 通过 yarn 安装 yarn add vant-weapp --production # 直接通过 git 下载 Vant Weapp 源代码,并将dist或lib目录拷贝到自己的项目中 git clone https://github.com/youzan/vant-weapp.git 引入 // 以下方法使用于git下载安装的方法 // 全局引入 app.json "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", ...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
26 评论
397 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部