IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 使用ColorUI构建小程序项目 -> 正文阅读

[移动开发]使用ColorUI构建小程序项目

目录

一、快速开始

1.从现有项目开始

1.1 详细步骤:

2. 从新项目开始

2.1详细步骤

2.2 说明

二、结语


一、快速开始

参照colorui官方给出的说明:GitHub - weilanwl/ColorUI: 鲜亮的高饱和色彩,专注视觉的小程序组件库

1.从现有项目开始

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

App.wxss?引入关键Css?main.wxss?icon.wxss

@import "colorui/main.wxss";
@import "colorui/icon.wxss";
@import "app.css"; /* 你的项目css */
....

?说明:要用现有的项目,直接复制对应目录下的文件夹到自己项目的更目录就可以。

1.1 详细步骤:

? ? ?1.下载git上的官方项目然后解压,解压后目录结构如下:??

一共有三个文件夹:Colorui-UniApp(我们用不到)、demo、template

? ? ?2. 如果只是想在现有项目中使用ColorUI,那么就复制demo目录下的colorui文件夹,复制到小程序项目中。

?复制完以后,是这样的。

? ? ?3.App.wxss?引入关键Css?main.wxss?icon.wxss

?只有引入才能使用color的组件;赋代码

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

2. 从新项目开始

下载源码解压获得/template,复制/template并重命名为你的项目,导入到小程序开发工具既可以开始你的新项目了

ColorUI提供了一个完整的小程序项目,我们可以直接使用。

2.1详细步骤

?打开template文件夹,就能看到是一个正常的小程序项目的目录结构,已经引入了colorui。我们只需要将template名字改为你的项目名,然后用小程序开发工具打开就行。

2.2 说明

直接使用template, app.wxss已经引入了需要的文件,我就什么也不需要改。

二、结语

到此,我就就创建好了小程序项目,并且引入了colorui。接下来就能使用了。

下一篇:使用?https://blog.csdn.net/LookOutThe/article/details/120720960

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-10-13 11:33:29  更:2021-10-13 11:35:05 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 23:12:52-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码