记录下储存装置的画片怎么做(如何记录下储存装置的画片)

lxf2023-05-03 11:07:01

适用于H5H5的ColorUI、微信小程序、安卓、ios、支付宝的高价值,高度定制的CSS组件库。那么如何在uni-ui项目中引入colorUI呢?下面这篇文章介绍了uni-ui项目引入colorUI-uniapp插件的方法

记录下储存装置的画片怎么做(如何记录下储存装置的画片)

一、Uniapp插件市场搜索ColorUI-Uniapp插件,下载、解压

记录下储存装置的画片怎么做(如何记录下储存装置的画片)

记录下储存装置的画片怎么做(如何记录下储存装置的画片)

记录下储存装置的画片怎么做(如何记录下储存装置的画片)

二、将colorui文件复制到uni-ui项目根目录下,如图所示:

记录下储存装置的画片怎么做(如何记录下储存装置的画片)

三、uni-ui项目app.vue文件配置如下:

记录下储存装置的画片怎么做(如何记录下储存装置的画片)

到目前为止,Uni-UI项目引入ColorUI-Uni应用程序插件结束

四、定制导航栏

cu-custom.vue配置如下:

记录下储存装置的画片怎么做(如何记录下储存装置的画片)

main.js配置如下:

记录下储存装置的画片怎么做(如何记录下储存装置的画片)

pages.json配置如下:

记录下储存装置的画片怎么做(如何记录下储存装置的画片)

5、页面使用如下:

记录下储存装置的画片怎么做(如何记录下储存装置的画片)

页面渲:

记录下储存装置的画片怎么做(如何记录下储存装置的画片)

推荐:uniapp教程

以上是记录uni-ui项目中引入ColorUI的详细内容,请关注AdminJS的其他相关文章!