震惊，原来码良能够这样用

很差意思，走错片场，原来这里不是 UC 震惊部。

本文为“码良系统的使用及设计实现”系列文章的第二篇。

小欢喜

距离上篇文章发布一周时间，码良也经过不一样渠道获取到了诸多关注。

好比， github star 数自10月8号上升了110%，达到了563（10月17号数据）

上了github vue 类型项目周榜

成了 gitee 的 gvp

被开源中国收录并推荐

还有钉钉群、微信群里不断涌入的新面孔。

总之，谢谢你们的捧场 🎉🎉。

下文多图，流量预警

码良我已经打开了，但是到底怎么用！

上篇文章详细介绍了码良服务的几种获取方式并简要截取了一些使用场景的图片，或许读者已经自行探索了一些码良的玩法了，本文将要给出大量的使用说明，你准备好了么

场景一 hello world

你好，世界

使用富文本组件写一个高端大气上档次的 ”hello world“ 给你看

场景二 滑一个看看

使用页面容器组件（轮播器）能够实现各类（自动/手动）轮播效果

左右滑

上下滑

整页滑

场景三 点你咋地

为组件添加点击操做，操做能够来自脚本，也能够是自带的哦

场景四 来点音乐

使用音频组件为页面播放音乐

直接使用音频资源地址

使用本地上传的音频文件

场景五 看个视频

使用视频组件为页面播放视频

视频来自资源连接

视频来自视频网站分享代码

场景六 弹个美美的框

移动端页面里面每每须要模态框来使页面展现更有层次，避免让全部信息堆在一块儿，那就作个美美的弹框如何

场景七 合成魔法

页面作的多了，发现其实不少操做都是类似的，好比场景六的模态框，可不能够收集起来重复利用呢？看我合成魔法

场景八 获取用户输入看看

使用输入框 组件能够获取用户输入内容，进行后续操做

场景九 智障机器人

还记得红极一时的对话机器人么，本身来作一个如何（对话 api 来自www.ownthink.com/robot.html）

使用按钮、列表、文本等组件绘制出页面结构

为发送按钮添加逻辑，除视频外，能够至码良页面精选页 fork 页面查看其细节

智障机器人体验地址

场景十 fxxxxk，发布错了

太不当心把编辑中的内容发布出去了，忍不住 fxxxxxxk 从中来， 看看应该怎么应对吧

闲话

好累，终于写完了

例行求体验，例行求 star