微信小程序+ColorUI
官网
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相关推荐
- 微信小程序踩坑记——ColorUI组件的使用
微信小程序踩坑记--组件的使用 组件类型 ColorUI Vant weapp ColorUI 首先贴上官网链接:官网链接,GitHub链接 简介 ColorUI是一个css库!!!在你引入样式后可以 ...
- 微信小程序通用开发框架小程序端包含若干基础组件
小程序快速开发组件,内含 lskzj中的加载框ldbox,弹出框msgbox,消息框ttbox.请求函数lsk.js,以及colorui样式库.此包是基于微信小程序开发,因为其它的比如百度.支付宝.今 ...
- 里面使用轮播_小程序ColorUI框架初步使用教程及个人项目实战
小程序ColorUI框架初步使用教程及个人项目实战 最近在写自己的一个微信小程序项目<阿涛技术博客>,目前还在写前端小程序部分,之前我有用过小Weiui,Linui等微信小程序UI框架,在 ...
- api 微信小程序组件库colorui_2020最全微信小程序UI组件库合集
概述 " 这可能是2020年最全的UI组件集合了,希望对你有帮助,如果觉得好,别忘了给小编给点点赞鼓励! 微信小程序实用UI组件库合集 第一款 官方WeUI组件库 " 地址: ht ...
- 微信小程序头部导航栏自定义
微信小程序头部导航栏自定义 参考网址微信开放文档 navigationStyle导航栏样式:仅支持以下值:default默认样式,custom 自定义导航栏,只保留右上角胶囊按钮 配置示例 {&quo ...
- 微信小程序开屏广告实现
微信小程序开屏广告即打开微信小程序后全屏展示的广告图片.用户可点击"跳过"按钮跳过广告,或者广告展示一段时间过后进入微信小程序.并可以显示广告的剩余时间.效果图如下(背景图是网图, ...
- 微信小程序开发手账从入门到部署【持续更新】
微信小程序开发手账 从今天起,打算记录一下自己从入门开发微信小程序到小程序上线的完整流程. 如果没有意外的话打算每周更新一次.20201231 准备工作 hbuilder.java环境(springb ...
- 微信小程序入门开发教程
欢迎关注我的微信公众号"人小路远"哦,在这里我将会记录自己日常学习的点滴收获与大家分享,以后也可能会定期记录一下自己在外读博的所见所闻,希望大家喜欢,感谢支持! 逐步更新中,根据微 ...
- 【微信技术-微信小程序】------- 渐进式骨架屏(加载流)(第二篇)
提示:看如下内容需要了解第一篇:简单入门(骨架屏(加载流) 简单入门(第一篇)) 目录 一.什么是渐进式骨架屏? 二.实现渐进式骨架屏 三.效果展示 下载示例代码地址: 渐进式骨架屏示例代码-下载 一 ...
- 基于微信小程序云开发的校园类平台
这期给大家介绍一个我压箱底的项目,一个集二手市场.兼职发布.失物招领.代取快递等功能为一身的校园类平台. 前端使用ColorUI,后端使用微信小程序云开发. 现在已经上线发布,并且长期运营维护. 大家 ...
最新文章
- 计算机网络Rip例题,计算机网络技术习题
- DNS and BIND
- 第55件事 产品疯传的7个基本原则
- 编译执行和解释执行的区别
- 模拟银行取钱 (多线程操作的好处)
- java中常用的一些方法(一)
- 有人劫持智能设备报假警,并直播出警画面
- PHP实现限制域名从而保护源代码不被拷贝
- 怎么改变linux的语言环境,更改Linux语言环境
- C语言素数的乘积,C语言,有关素数
- 管理系统中计算机er图怎么画,er图怎么画?数据库E-R图画法教程详解
- 2B市场 面向2025年技术趋势与5大机会
- 锐龙R3 4300U怎么样 相当于什么水平
- 微信小程序第三方登录
- goland debug高级技巧
- 为Android 模拟器加速
- word表格中 英文排版
- Mac的自带软件grapher
- HDU-OJ 杭电1495非常可乐
- Go语言学习1-基础入门