uniapp创建项目并引入colorui插件

摘要:
前言:本文仅供备忘;文本:1.使用Hbuilder创建一个新项目,然后选择uni-app(U)--˃uni-ui-project--˃Create。2.① 进入插件市场,https://ext.dcloud.net.cn/,查找colorui,下载插件,解压缩② 将根目录的/colorui文件夹复制到项目的根目录③ 导入密钥Cssmain.cssicon。css(添加红色代码)。vue 3.从gitee获取uniapp+颜色

前言:本文用于备忘;

正文:1、用Hbuilder新建项目,选择uni-app(U) -->uni-ui项目-->创建

2、①进入插件市场,https://ext.dcloud.net.cn/,找到colorui,下载插件,解压

②复制根目录的/colorui文件夹到你的项目的根目录

③在App.vue引入关键Cssmain.cssicon.css(添加标红的代码)

3.gitee获取uniapp+colorui模板https://gitee.com/longkyle/uniapp.git

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

详情:步骤1

uniapp创建项目并引入colorui插件第1张

2.①进入插件市场,https://ext.dcloud.net.cn/,找到colorui,下载插件,解压

uniapp创建项目并引入colorui插件第2张

2.②复制根目录的/colorui文件夹到你的项目的根目录

uniapp创建项目并引入colorui插件第3张

uniapp创建项目并引入colorui插件第4张

2.③在App.vue引入关键Cssmain.cssicon.css(添加标红的代码)

uniapp创建项目并引入colorui插件第5张

uniapp创建项目并引入colorui插件第6张

免责声明:文章转载自《uniapp创建项目并引入colorui插件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇mongodb 安装C# 获取枚举集合的其中两种方式下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSS制作凹环特效

就是在地面上打凿出凹的圆环效果,利用linear-gradient线性渐变增强内环质感,再用伪类after元素设置中心圆凸块的位置以及大小与跟内环之间的阴影度,然后设置内环的颜色就行了;第四个环上面的第二小凸块也同样适用伪类after元素然后设置z-index的顺序。在linear-gradient段内可以见到各种浏览器支持提示,Firefox Chrom...

Unity 生成 Android App Bundle(aab) (一)

Android App Bundle   Android App Bundle 是一种发布格式,其中包含您应用的所有经过编译的代码和资源,它会将 APK 生成及签名交由 Google Play 来完成。   Google Play 会使用您的 App Bundle 针对每种设备配置生成并提供经过优化的 APK,因此只会下载特定设备所需的代码和资源来运行您的...

使用360对app安全进行加固

在写了第一个app之后,打算上架到各个渠道看看,无意间看到了360的app加固工具 http://jiagu.360.cn/ 自己体验了一把,加固过程很傻瓜化, 加固好了之后,还要对app进行二次签名, 最终app体积略微增加了160KB 我们知道app的逆向编译,主要是针对dex进行操作, 查看了加固后的结果,发现dex体积减小了,然后多了Lib目录;猜...

云端远程Ubuntu系统进行无桌面Web浏览器自动化测试

【摘要】 利用xvfb提供的显卡帧缓冲区,让浏览器以为有桌面,以达到无桌面系统下测试真实浏览器兼容性的目的。 自动化web界面测试往往需要验证真实浏览器的兼容性,但是云端系统往往并不提供图形化的桌面,所以自动化web界面测试在云端就成为一个问题。本文描述了一个技巧解决这个问题,其主要原理是利用xvfb提供的显卡帧缓冲区,让浏览器以为有桌面。 Install...

关于阿里ICON矢量图(SVG)上传问题.

注意点: 1. 存储为svg格式(建议使用存储为svg,不要使用导出为svg)2. 图像位置:链接(注意哦,不要点嵌入和保留编辑功能)---确定3. AI里面选中图形,点对象-路径-轮廓化描边 软件编辑要点: 从网站下down下来,记得下  Ai  格式. 使用Ai 进行编辑.( 别用PS软件编辑 ) 否则矢量图图片会被污染,编辑后 再上传 Icon 就会...

react-native环境搭建

前言 native的环境搭建尤其是mac的电脑,无论是沙盒环境还是真实开发环境,都要能使用chrome访问外.....网否则会出现无法下载依赖的情况这里讲的是native的沙盒环境使用,主要是想要学习react-native的人,因为沙盒环境造实际开发环境要简单不少,少了很多配置手机和电脑的网络要使用同一个,否则会出现问题 环境准备 node 官网上下载安...