vant组件做表格_有赞Vant组件库上线墨刀!以后轻松做出电商原型
继上周新上线了简历模板之后,本周墨刀的原型模板库又欢喜地增添一名新成员!
有赞Vant组件库
(做电商的宝宝要捂嘴笑了)
Vant 组件库是有赞前端团队开源的一套基于Vue的UI组件库,目前版本收录了50+个组件,都是来源于有赞的微商城业务,经过有赞业务的检验,轻量可靠 (目前在Github上已经收获星星7857颗)
相比于其他Vue UI组件库,Vant 组件库不只是提供基础的UI组件,还增加了许多移动商城内常用的业务组件,可以让开发者快速构建移动商城。
墨刀的 Vant 组件库模板
正如有赞团队所说,“如果你需要开发一个移动商城,用Vant就再合适不过了”。
如今墨刀把 Vant 组件库搬上原型模板库(感谢墨刀模板大使周祚栋制作),也让产品经理和设计师更快捷地搭建电商类原型,设计师和开发者交付起来也更顺畅!
来一睹为快这套Vant组件库有哪些实用组件吧!
基础类组件
表单类组件
反馈类组件
展示类组件
导航类组件
而最具特色的业务类组件,包含 “地址编辑”, “省市区选择”,“优惠券选择”,“Sku商品规格”这些相当实用的电商组件。
在墨刀,你都可以十分便捷地一键复用。
(抢先欣赏下部分业务组件)
“地址编辑组件”
“省市区选择”
“商品卡片”
“优惠券”
如何在墨刀一键复用Vant组件?
1 登陆墨刀之后,点击“新建项目”——“从模板中创建项目”,找到“Vant移动端组件库”,点击“使用模板”,即可进入该模板。
2 选中想要复用的组件,右键点击,然后“添加到我的组件”。下次在新的项目,你就可以直接从“我的组件”库里直接拖出来使用了!方便快捷!
特别感谢我们的墨刀原型模板大使 周祚栋
为刀友们制作了此模板!想和大神交流的可以加他微信哦!墨墨姐就撮合到这里了!
知识付费方向产品经理,为200+企业提供内容变现方案。
平时很喜欢用墨刀去设计一些有意思的东西,像制作了蚂蚁金服/Weui/有赞等组件库的墨刀模板,又比如独立设计了飞机大战小游戏,再比如画了“墨刀的第一台挖掘机“,以及实现了很多炫酷的交互。
强迫症、细节控、好奇心旺盛,拥有产品、运营、设计一体化的思维和管理能力,擅长底层业务逻辑设计和用户行为研究。
微信号:zuodong
可爱的刀友们,对墨刀的原型模板库还有什么期待? 最需要什么样的模板?尽情在下方留言区告诉我们吧!
vant组件做表格_有赞Vant组件库上线墨刀!以后轻松做出电商原型相关推荐
- vant组件做表格_落户上海!分享心得,再做个积分计算器
等了很久,终于收到落户批复啦!就差后面办一些手续. 这篇文章首先分享一下自己作为一名本科生,通过攒积分成功落户上海的一些心得.然后手把手带大家使用 Vue 框架开发一个『 上海应届生落户积分计算器 』 ...
- 墨刀联合有赞Vant组件库,让你轻松设计出电商原型
继上周新上线了简历模板之后,本周墨刀的原型模板库又欢喜地增添一名新成员! 有赞Vant组件库 (做电商的宝宝要捂嘴笑了) Vant 组件库是有赞前端团队开源的一套基于Vue的UI组件库,目前版本收录了 ...
- vant步进器传值_有赞开源的Vue 2.0 的 Mobile 组件库 Vant
有赞开源的Vue 2.0 的 Mobile 组件库 Vant 是一个轻量.可靠的移动端 Vue 组件库.包括了基础组件.Button 按钮.Cell 单元格.Icon 图标.Image 图片.Layo ...
- ionic 修改组件默认样式_开源Magpie:组件库详解
开源项目专题系列(八)1.开源项目名称:magpie_fly2.github地址: https://github.com/wuba/magpie_fly 3.简介:magpie_fly 是58集体出品 ...
- ssis 角本组件更新数据_使用SSIS脚本组件作为数据源
ssis 角本组件更新数据 介绍 (Introduction) SSIS Script component is one data transformation tasks in SQL Server ...
- sql中如何统计各种零件的总数量_[Python]提取数据库中数据, 用人货场的分析方法, 对电商双十一促销活动结果数据进行复盘分析...
背景 某电商公司最近举行了一场促销活动,该案例是对此次活动的一次复盘和分析.所需要用到的工具有Python + SQL. python会用到的库有: sqlalchemy pandas sklearn ...
- 多目标优化算法_阿里提出多目标优化全新算法框架,同时提升电商GMV和CTR
论文作者| Xiao Lin,Hongjie Chen 等 编译 | 吴少杰 编辑 | Natalie AI 前线导读: 在推荐系统中,多目标优化一直是热门话题,阿里针对推荐中的多目标优化问题提出了一 ...
- 另一个小程序 返回的支付结果如何得到_都火遍全球了,你却还在为电商支付功能开发犯难...
作者 | 慕课网 来源 | 慕课网 "支付宝在2019年新增四亿行代码","风投圈里的宝典刊物金融博览指出:支付将迎来新的风口"......这些消息都说明了当前 ...
- vant组件做表格_vue实用组件——表格
之前用了一下vue-bootstrap,感觉里面的表格组件特别好用,但是如果仅仅为了使用表格就引入bootstrap,似乎有点不划算.所以自己就试着实现了一下bootstrap里面表格的部分功能,目前 ...
最新文章
- 05Observer/Event(观察者)模式
- python利用特征进行可视化样本显示_利用Python进行机器学习之特征选择
- JVM内存原理及高级特性
- 信息学奥赛一本通 1128:图像模糊处理 | OpenJudge NOI 1.8 13:图像模糊处理
- 大数据全栈式开发语言 – Python
- linux mysql查看所有表_linux下查看指定进程的所有连接信息
- 无线视频服务器家里好用吗,短视频APP为什么选择国内大带宽服务器?国内服务器有什么优势...
- java如何算log_用java代码计算Log(a)b
- nginx 没有cookie_nginx实现负载均衡的原理及策略
- 不打补贴战,快狗打车凭什么冲刺“同城货运第一股”?
- 方维团购系统添加短信接口,方维团购系统短信接口开发
- 快速理解和掌握MIB
- 【思维导图怎么画】万彩脑图大师教程 | 插入动画图标
- php实现简单微信支付(提供商户微信)
- 年薪40W的程序员需要掌握怎样的技术(Java程序员高薪必看)
- java nas 存储_虚拟机NAS存储的安装
- python 画风矢量图
- android中根据城市选择学校,如何根据城市发展来选择学校?
- 五十一个经典小故事1
- refinerycms
热门文章
- CoreAnimation6-基于定时器的动画和性能调优
- access和filemaker_在FileMaker中识别名片和图片文字
- python中用来表示赋值的符号是_【单选题】Python语言中,用来表示“赋值”的符号是 。A. =B. #C. D. :...
- jxls导出excel,使用sum函数无法求和的问题
- 大聪明教你学Java设计模式 | 总结篇:一句话总结设计模式
- Bootstrap Navbar
- bootstrap的按钮和navbar组件
- python 图像处理:获取图像大小、裁剪图片
- Flash CS3动画设计150例
- 我的DDK学习经验(转载)