vue组件系列－Tags input

前言最近做后台系统的组件化开发，借机和@二胖手同学一起开发了一个基于vue的开源组件库，方便后期使用，目前该项目正在持续开发中。介绍大家可能遇到过一种需求，让用户输入以某个特殊字符分隔的字符串，如java,php就是以西文逗号分隔，这种输入需要用户自行添加内容之间的特殊分隔符，其实完全可以换用一种用户体验更好的方式解决。不知道大家管下面这种叫什么，我称之为Tags inpu

业界 2016年06月22日

vue组件系列－气泡卡片

从模态弹框讲起前端攻城:lion_face:️对模态弹框肯定很熟悉，不管是套用bootstrap的还是自己写的，它常用来完成与用户的展示交互和处理一些数理逻辑。但是在用来展示小体量的信息是我认为它是过于庞大的，我们可以采用更优雅的气泡卡片来展示那些小体量的信息。就像这样的↓↓↓先附上体验地址实现vue模版 {{title}} {{content}}这里对

业界 2016年06月28日

Vue.js 实践（3）：实现一个漂亮、灵活、可复用的提示组件

这次的教程里，我们要把组件化进行到底！最近半年的几个项目中，都遇到了需要使用Toast或者Notification组件的情况。在目前已有的一些基于Vue.js开发的组件库，都没有找到太合适的，所以自己重头实现了一个。历经几个项目的磨练，这个提示组件的功能已经越来越完善，这次就分享一下组件以及其实现思路吧。GitHub 仓库：https://github.com/Yuyz01

业界 2016年07月11日

设计规范 | 详解组件控件结构体系：引导类

本文是系列文章之详解组件控件结构体系的第三篇——引导类。enjoy~引导是带领用户更快速更愉悦地达到目标的过程，能在用户使用产品功能前或遇到障碍之前给予及时的引导提示。为了业务或者产品目标的需要，有时候需要给予一些适当的提示方便用户去理解产品。为了完成不同的引导内容和引导的目标，移动端的引导设计会根据需求进行不同的多样化处理。常见的引导有：引导页（幻灯片）式引导，浮层式引导

产品设计 2017年08月02日