官网

1、Color UI | 下载包

2、语雀文档 ColorUI 群资源

3、Github ColorUI 鲜亮的高饱和色彩,专注视觉的小程序组件库

开发

1、下载官方案例demo,文件如下,colorui是独立的引入文件夹资源。

2、在app.json内

3、配置引入css样式的操作、pages和colorui同级目录

4、app.json

{"pages": ["pages/index/index"],"window": {"navigationBarBackgroundColor": "#39b54a","navigationBarTitleText": "Color UI","navigationStyle": "custom","navigationBarTextStyle": "white"},"usingComponents": {"cu-custom": "/colorui/components/cu-custom"},"sitemapLocation": "sitemap.json"
}

5、app.wxss

@import "colorui/main.wxss";
@import "colorui/icon.wxss";

6、页面的wxml、大功告成

<cu-custom bgColor="bg-gradual-blue" isBack="{{true}}"><view slot="backText">返回</view><view slot="content">布局</view>
</cu-custom>

如何使用

根据demo里面现成的页面,可以直接复制,然后改成自己的页面,其他的页面同样如此。

微信小程序+ColorUI相关推荐

  1. 微信小程序踩坑记——ColorUI组件的使用

    微信小程序踩坑记--组件的使用 组件类型 ColorUI Vant weapp ColorUI 首先贴上官网链接:官网链接,GitHub链接 简介 ColorUI是一个css库!!!在你引入样式后可以 ...

  2. 微信小程序通用开发框架小程序端包含若干基础组件

    小程序快速开发组件,内含 lskzj中的加载框ldbox,弹出框msgbox,消息框ttbox.请求函数lsk.js,以及colorui样式库.此包是基于微信小程序开发,因为其它的比如百度.支付宝.今 ...

  3. 里面使用轮播_小程序ColorUI框架初步使用教程及个人项目实战

    小程序ColorUI框架初步使用教程及个人项目实战 最近在写自己的一个微信小程序项目<阿涛技术博客>,目前还在写前端小程序部分,之前我有用过小Weiui,Linui等微信小程序UI框架,在 ...

  4. api 微信小程序组件库colorui_2020最全微信小程序UI组件库合集

    概述 " 这可能是2020年最全的UI组件集合了,希望对你有帮助,如果觉得好,别忘了给小编给点点赞鼓励! 微信小程序实用UI组件库合集 第一款 官方WeUI组件库 " 地址: ht ...

  5. 微信小程序头部导航栏自定义

    微信小程序头部导航栏自定义 参考网址微信开放文档 navigationStyle导航栏样式:仅支持以下值:default默认样式,custom 自定义导航栏,只保留右上角胶囊按钮 配置示例 {&quo ...

  6. 微信小程序开屏广告实现

    微信小程序开屏广告即打开微信小程序后全屏展示的广告图片.用户可点击"跳过"按钮跳过广告,或者广告展示一段时间过后进入微信小程序.并可以显示广告的剩余时间.效果图如下(背景图是网图, ...

  7. 微信小程序开发手账从入门到部署【持续更新】

    微信小程序开发手账 从今天起,打算记录一下自己从入门开发微信小程序到小程序上线的完整流程. 如果没有意外的话打算每周更新一次.20201231 准备工作 hbuilder.java环境(springb ...

  8. 微信小程序入门开发教程

    欢迎关注我的微信公众号"人小路远"哦,在这里我将会记录自己日常学习的点滴收获与大家分享,以后也可能会定期记录一下自己在外读博的所见所闻,希望大家喜欢,感谢支持! 逐步更新中,根据微 ...

  9. 【微信技术-微信小程序】------- 渐进式骨架屏(加载流)(第二篇)

    提示:看如下内容需要了解第一篇:简单入门(骨架屏(加载流) 简单入门(第一篇)) 目录 一.什么是渐进式骨架屏? 二.实现渐进式骨架屏 三.效果展示 下载示例代码地址: 渐进式骨架屏示例代码-下载 一 ...

  10. 基于微信小程序云开发的校园类平台

    这期给大家介绍一个我压箱底的项目,一个集二手市场.兼职发布.失物招领.代取快递等功能为一身的校园类平台. 前端使用ColorUI,后端使用微信小程序云开发. 现在已经上线发布,并且长期运营维护. 大家 ...

最新文章

  1. 计算机网络Rip例题,计算机网络技术习题
  2. DNS and BIND
  3. 第55件事 产品疯传的7个基本原则
  4. 编译执行和解释执行的区别
  5. 模拟银行取钱 (多线程操作的好处)
  6. java中常用的一些方法(一)
  7. 有人劫持智能设备报假警,并直播出警画面
  8. PHP实现限制域名从而保护源代码不被拷贝
  9. 怎么改变linux的语言环境,更改Linux语言环境
  10. C语言素数的乘积,C语言,有关素数
  11. 管理系统中计算机er图怎么画,er图怎么画?数据库E-R图画法教程详解
  12. 2B市场 面向2025年技术趋势与5大机会
  13. 锐龙R3 4300U怎么样 相当于什么水平
  14. 微信小程序第三方登录
  15. goland debug高级技巧
  16. 为Android 模拟器加速
  17. word表格中 英文排版
  18. Mac的自带软件grapher
  19. HDU-OJ 杭电1495非常可乐
  20. Go语言学习1-基础入门

热门文章

  1. 温度监视器的设计与制作
  2. usbcan、can分析仪的产品特点和功能特点
  3. 力软使用技巧-前端(index)
  4. 路侧智慧泊车解决方案
  5. DSOFramer使用
  6. 千兆2光4电工业级光纤自愈环网交换机ERPS环网交换机
  7. 华为android怎么换字体大小,华为手机设置字体大小的具体步骤
  8. ARM SMMU的原理与IOMMU
  9. 莫兰迪紫rgb_莫兰迪色系颜色大全 莫兰迪色系适合什么人
  10. SocketTool.exe 端口占用