第一篇技术文档
实验项目:QQ小程序
小程序界面采取colorUI的界面设计风格,并在此基础上进行样式的调整,主要是用到了微信小程序的API,因为试了用了一下发现微信的更好用,并且二者大部分都是兼容的,前端用到的有.wxml、.wxss、.js、.json几种格式的文件。
☆☆☆借鉴已经开发好的前端界面框架,大大提高了开发效率
如图所示:
前端主要界面风格从这里借鉴
这个很方便的是,我们如果要使用某种布局,或者样式风格,可以直接定位到界面的CSS,然后将它的class直接引用过来,然后再在这个基础上做修改和完善,非常便捷,并且界面也很美观,但有时因为和自己的布局设置可能有冲突,会有一些bug出现,这个时候就建议不要用别人的代码,简单的话自己写一个,要不然改bug都会改半天,因为我们没办法改别人的代码,css都是封装好的,对用户不可见。
举个栗子:
在这里非常方便的就是使用它的扩展功能,一些动画,像这种自己写起来就非常困难,但将它的CSS直接引用过来就非常方便了,比如:
我们的界面很多都借用了这里的风格,但是尤其要注意一点:
部分组件QQ不兼容,我们一开始就没发现这一点,用了很多,在微信开发者工具上用着没问题,一移到QQ开发者工具上样式就全部消了,这点要尤其注意,所以建议用什么工具就要用什么工具检测一下。
colourUI代码我放在了github上,可以直接下载下来使用。
最后如果有其他好的组件库,可以共享一下~