UI库colorui的使用————小程序

Posted cth0

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了UI库colorui的使用————小程序相关的知识,希望对你有一定的参考价值。

UI库colorui的使用————小程序

把colorui文件放到你的小程序中

包含文件:

icon.wxss+main.wxss+components(文件夹里有icon和一些组件)+animation.wxss

app.wxss

/**app.wxss**/*
@import "colorui/icon.wxss";//定义使用colorui的组件
@import "colorui/main.wxss";

使用,在index.wxml中直接使用。(没有官方文档,你只能边对照colorui案例,边做。)

index.wxml

<view class="padding flex flex-direction">
  <button class="cu-btn bg-grey lg">玄灰</button>
  <button class="cu-btn bg-red margin-tb-sm lg">嫣红</button>
</view>

使用简单而且超级好看!!!

其颜值是真的高。

以上是关于UI库colorui的使用————小程序的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序+ColorUI

记一次微信小程序的开发

微信小程序的开发---选择本地图片上传

微信小程序--基于ColorUI构建皮皮虾短视频去水印组件(仅供学习使用)

微信小程序镜像胶囊组件(colorui)

【微信小程序】常用代码