小程序-colorUI使用

colorUI 是一个不错的小程序库，是css库。

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

在app中引入colorUI的样式在app.wxss中加上就完成了它的样式引用。

@import "colorui/main.wxss"

@import "colorui/icon.wxss"

@import "./lib/colorui/animation.wxss"//调用动画效果需要

把想要的部分copy拿来直接用，再将其中变量部分补齐或者改为自己需要。

微信小程序开发，是目前火爆的开发方式，也是适应中小企业快速解决的一个方案。选择一个合适自己的开发UI框架，能够让自己开发速度提升数倍。

推荐两个小程序UI框架：

WeUI

WeUI是由微信官方设计团队分别支持微信H5网页和微信原生小程序的开源UI组件

ColorUI

ColorUI是开源且支持原生小程序的UI组件，由于我目前在帮朋友改一个原生的微信小程序，所以就选择了这款开源组件。

个人博客里面阅读起来可能要清楚一些

个人博客

推荐使用： https://github.com/weilanwl/ColorUI

微信官方： https://github.com/wechat-miniprogram/miniprogram-demo

有赞组件库： https://github.com/youzan/vant-weapp

有赞文档： https://youzan.github.io/vant-weapp

wxml

js

js

1.init.js

2.其他js中使用

1.subutil.wxs

2.在wxml中引入使用

wxml

wxss

js

js添加

wxml添加

折叠时添加以下wxss

croll-view标签需要添加样式

croll-view标签的子标签需要滚动的标签需要添加样式，及需要其子标签为行内块级元素

https://blog.csdn.net/bocongbo/article/details/82588307

---