UI框架

第一篇技术文档

实验项目:QQ小程序

小程序界面采取colorUI的界面设计风格,并在此基础上进行样式的调整,主要是用到了微信小程序的API,因为试了用了一下发现微信的更好用,并且二者大部分都是兼容的,前端用到的有.wxml、.wxss、.js、.json几种格式的文件。

☆☆☆借鉴已经开发好的前端界面框架,大大提高了开发效率

如图所示:
前端主要界面风格从这里借鉴

这个很方便的是,我们如果要使用某种布局,或者样式风格,可以直接定位到界面的CSS,然后将它的class直接引用过来,然后再在这个基础上做修改和完善,非常便捷,并且界面也很美观,但有时因为和自己的布局设置可能有冲突,会有一些bug出现,这个时候就建议不要用别人的代码,简单的话自己写一个,要不然改bug都会改半天,因为我们没办法改别人的代码,css都是封装好的,对用户不可见。

举个栗子:
直接引用class和html代码

在这里非常方便的就是使用它的扩展功能,一些动画,像这种自己写起来就非常困难,但将它的CSS直接引用过来就非常方便了,比如:
在这里插入图片描述
我们的界面很多都借用了这里的风格,但是尤其要注意一点:

部分组件QQ不兼容,我们一开始就没发现这一点,用了很多,在微信开发者工具上用着没问题,一移到QQ开发者工具上样式就全部消了,这点要尤其注意,所以建议用什么工具就要用什么工具检测一下。

colourUI代码我放在了github上,可以直接下载下来使用。

点击链接,可直接下载下来使用

最后如果有其他好的组件库,可以共享一下~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值