小程序-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拿来直接用，再将其中变量部分补齐或者改为自己需要。

微信小程序的字体颜色可以使用CSS属性color来进行设置。

1. 首先，在wxml文件中，使用<style>标签来设置样式。

2. 在样式表中使用color属性，然后设置字体颜色。

例如，设置文字为红色：

```

<Style>

.red-text {

color: #ff0000

}

</Style>

```

3. 在页面中，将要设置颜色的文字标签使用class属性来关联对应的样式类。

例如，将一个文字标签设置为红色：

```

<Text class="red-text">这段文字将会显示为红色。</Text>

```

注意：#ff0000表示红色的十六进制颜色值。更多的CSS样式可以参考CSS手册。

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

个人博客

推荐使用： 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

---