微信小程序 ColorUI框架 的使用(正在排雷中。。。。)

本文介绍了微信小程序中使用ColorUI框架的过程,包括如何导入样式和组件,以及遇到的一些问题。作者强调尽管存在一些小困扰,但整体上ColorUI的样式表现优秀。在实践中,需要复制DOME中的代码并引入相应的css和js文件,对于复杂组件可能需要完整复制js代码。
摘要由CSDN通过智能技术生成

ColorUI

​ 一款别人写好 js + css + html的样式集合

​ 虽然想吐槽,但是人家的样式什么的都是很好的,总而言之就是很好看

​ 你如果想使用它里面好看的框架,我,我说我,我是去他的dome里面一个个复制过来代码

一部分组件很方便导入他的css就好了,直接复制相应的html代码到你想要放的地方就好了

如:

在这里插入图片描述

一、导入

官方的github
官方文档(有毒)

一、导入css

官方文档大概也许可能是少导了一个@import “colorui/animation.wxss”;,导致我的上面那个动画特效有问题

​ 下载源码解压获得/demo,复制目录下的 /colorui 文件夹到你的项目根目录

App.wxss` 引入关键Css `main.wxss` `icon.wxss
@import "colorui/main.wxss";
@import "colorui/icon.wxss";
@import "colorui/animation.wxss";

二、找到他相对应的代码

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值