api 微信小程序组件库colorui_微信小程序入门ColorUI组件库使用方法

自学入门小程序不久，在对比现在主流的组件库后，笔者我选择了ColorUI，因为ColorUI界面精美，使用方法简单，只需将ColorUI的代码片段复制到你的小程序中即可，还方便自己定制。

下面是ColorUI官方的小程序，可以在手机上先预览实际效果

官方网站：https://www.color-ui.com/

GitHub：https://github.com/weilanwl/ColorUI

废话不多说，现在介绍下我的使用方法：

首先在官方网站下载压缩包解压后，打开目录/demo/colorui，将里面的两个文件icon.wxss和main.wxss复制到你的项目下

之后再在app.wxss里面写入：

@import "icon.wxss";

@import "main.wxss";

意义就是将复制进来的css样式导入全局样式文件中，这样你就可以在项目其他地方直接引用你导入的ColorUI样式

完成这些后就可以从ColorUI的源码中复制自己想要的部分去用了，我的使用方式是导入下载的压缩包里面的那个demo文件

那个demo文件实质是个可以运行的小程序源码

打开后这里就可以查看你所需要的元素的源代码了

之后找到你需要的标签，点击左下角打开路径(方便找到对应代码在哪，可忽略此步骤)，再打开相应的xxx.html文件将你需要代码复制到你自己的项目中，就可以使用了。

api 微信小程序组件库colorui_微信小程序入门ColorUI组件库使用方法相关推荐

api 微信小程序组件库colorui_微信小程序常用的几个UI组件库
1.WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog. progre ...
微信小程序入门ColorUI组件库使用方法
自学入门小程序不久,在对比现在主流的组件库后,笔者我选择了ColorUI,因为ColorUI界面精美,使用方法简单,只需将ColorUI的代码片段复制到你的小程序中即可,还方便自己定制. 下面是Col ...
uniapp同步获取用户信息_微信小程序云开发教程微信小程序的API入门获取用户身份信息系列API...
同学们大家好,我是小伊同学,上一节我们介绍了一些常用API,今天我们接着来学习一组API,那就是获取用户身份信息的API. 在微信小程序中,我们往往需要获取用户的身份信息,比如昵称.头像.性别.地区等 ...
A095_day01_微信小程序入门与组件
目录微信小程序入门与组件 - Day01 1.内容介绍 2.微信小程序简介(了解) 2.1.什么是小程序 2.2.微信小程序与app的区别 2.3.小程序在入口 2.4.微信小程序的工作原理 2.5 ...
Delphi调用微信原生Web开发接口JS-SDK开发小程序及微信支付等的Rest API
目录 Delphi调用微信原生Web开发接口JS-SDK开发小程序及微信支付等的Rest API 一.概述及API 1.JS-SDK是对之前的 WeixinJSBridge 的一个包装 2.JS-SD ...
微信小程序基础1【本页面窗口配置、组件、布局】
视频地址: https://www.bilibili.com/video/BV1cW411T7t6 [2018]学做小程序- 清华大学 https://www.bilibili.com/video/ ...
小程序与后台 api接口数据交互详解（微信报修小程序源码讲解七）
完成用户授权登录逻辑后,接下来的开发工作大部分都是与后台 api 接口的交互,本节我们详细讲解一下小程序如何与 api 进行交互 . 小程序如何发送 http/https 请求到后台? 小程序请求 h ...
微信小程序踩坑记——ColorUI组件的使用
微信小程序踩坑记--组件的使用组件类型 ColorUI Vant weapp ColorUI 首先贴上官网链接:官网链接,GitHub链接简介 ColorUI是一个css库!!!在你引入样式后可以 ...
小程序基础版本库与微信版本关系
小程序有基本版本库的概念,有些api在低版本基础库用不了,那么小程序运行在手机时,基础版本库跟微信版本有什么关系么,来看对比不同微信版本时的结果. 真机调用 wx.getSystemInfo({suc ...
微信小程序全栈开发实践第二章微信小程序组件介绍及使用 -- 2.9 页面链接组件，如何自定义一个导航栏？
一.小程序中的导航组件 functional-page-navigator 仅在插件中有效,用于跳转到插件功能页. navigator 小程序标准的导航组件小程序插件是对一些js接口.自定义组件或页 ...

api 微信小程序组件库colorui_微信小程序入门ColorUI组件库使用方法

api 微信小程序组件库colorui_微信小程序入门ColorUI组件库使用方法相关推荐

最新文章

热门文章