uniapp 使用UI组件库 (小白)

最近在研究Uniapp,看了两个UI组件库,下面记下如何使用 方法比较无脑,勿喷

ThorUI组件库

官网: 组件使用详细介绍:

导入自己的项目:

1. 导入插件

ThorUI组件库在Uniapp插件市场地址:

1.1 把除pages以外的文件夹复制到自己的目录

1.2 APP.vue文件

引入CSS

1.3 main.js

先复制它main.js的所有内容,覆盖自己的main.js。至于里面内容是什么,之后用到在了解配置。 涉及到的一些知识: 使用Vue.prototype在vue中注册和使用全局变量:

1.4 pages.json

无需改变什么,下面一些globalStyle变量根据需要配置

2.使用示例

2.1 先浏览组件库中的内容,选择到自己想用的东西

运行组件库的index上去找 比如想用一个button 进入它所在的页面中看如何定义使用

定义 导入组件 导入样式 运行效果

ColorUI组件库

如何导入,插件市场写得很清楚

民间开发者写的参考使用帮助文档

经验分享 程序员 微信小程序 职场和发展