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

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

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

你好，世界

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

动图太大打开查看

使用页面容器组件（轮播器）可以实现各种（自动/手动）轮播效果

左右滑

动图太大打开查看

上下滑

动图太大打开查看

整页滑

动图太大打开查看

为组件添加点击操作，操作可以来自脚本，也可以是自带的哦

动图太大打开查看

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

直接使用音频资源地址

动图太大打开查看

使用本地上传的音频文件

动图太大打开查看

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

视频来自资源链接

动图太大打开查看

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

动图太大打开查看

移动端页面里面往往需要模态框来使页面展示更有层次，避免让所有信息堆在一起，那就做个美美的弹框如何

动图太大打开查看

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

动图太大打开查看

使用输入框 组件可以获取用户输入内容，进行后续操作

动图太大打开查看

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

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

动图太大打开查看

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

https://ymm-maliang.oss-cn-hangzhou.aliyuncs.com/ymm-maliang/access/ymm_1571322481642.mp4

智障机器人体验地址

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

动图太大打开查看

好累，终于写完了

例行求体验，例行求 star