【小程序】一步一步制作小程序·UI篇（1）

前言

     作者目前也是初步接触小程序，完成的小程序也是根据自己的兴趣而来，可能在某些方面实用性会不是很强。

     本UI主要是使用的ColorUI组件库。

目录

作品展示

准备工作

明确要做什么

 

作品展示：

 

啊，不知道为什么CSDN上传不了GIF图？？？一直告诉我文件类型错误。

算了，想看的朋友去Github看吧，

 

准备工作

这次的小程序是根据ColorUI组件库来完成的。所以我们需要先去了解如何使用目前开源的组件库。

以ColorUI为例：

ColorUI的地址：https://www.color-ui.com/

ColorUI 的 GitHub地址：https://github.com/weilanwl/ColorUI

下载完成后，解压获得多个文件：

 

将这两个文件复制到自己新建的小程序文件夹下。

这时就可以看到自己项目下已经有了这两个文件。

准备工作完成了。

为了知道ColorUI都有哪些组件，可以将demo导入到开发者工具中看看，看看作者是怎么做的，自己想要做的基本就是个搭积木，看看作者哪个组件做得好，自己也想使用，就粘贴复制过来，改改代码就行。

当然作者做的不容易，我们嘛，有钱的捧个钱场，没钱的捧个人场就行。

这是作者的demo：

 

 

可以看到基本我们需要的已经齐活了，接下来就是知道自己要做什么，大概有个规划，然后搭积木就行。

这个最重要的还是自己有想法，自己有设计感，要不就成我这种比较朴素的了。

明确要做什么

这是开发中最重要的了，我自认为。

毕竟知道自己要做什么，才好下菜。

初步的规划是做一个即时记录生活的工具。比如说，微信群里XX说 几号几号有什么活动来着。那我就可以立马记下来，微信是一个大家都使用比较频繁的工具，布置任务也多在微信上，那使用起来也就比较顺手。

目前的版本还是比较新的，像是定时，定时提醒这样的功能暂时还没有完成，还请期待后续更新。

那要做这样的一个程序，要具备的功能就是：

1.要能记录。

2.记录要能够添加标签。方便分类和查看。

3.记录可以更换背景，使用户不会感觉太过单调。

4.可以更换字体颜色。

5.可以分享和保存。便于小程序的推广。

6.小程序里可以展示其他活动，（这个只是暂时考虑，后续可能会去掉）

7.登录授权，可以将内容长久保留下来。

8.个人信息的管理。

9.个人签名可以选择是否附加到每次的日记后方。

目前主要就是这几个功能，后续会逐渐完善。

这个Diary的源码我已经上传到Github上：https://github.com/XCBYXS/XCX_Diary

不太方便的话，在我的公众号里回复“Diary”也能获取。

不过我的公号基本没啥文章就是了：