uni-app使用，并引入thor-ui

供自己以后参考
1、ThorUI组件库
官网地址：http://www.thorui.cn/

注意，这里下载的是这个代码库

2、初始化创建一个uni-app项目，官方文档：https://uniapp.dcloud.net.cn/quickstart
首先，在https://www.dcloud.io/hbuilderx.html下载uni-app开发工具

运行开发工具后，新建一个uni-app项目

新建好之后可以运行的终端

注意：运行在小程序端的时候要在小程序开发工具中配置打开安全代理才能在小程序端运行

3、导入ThorUI组件库
将下载下来的ThorUI组件库中的文件夹内容复制到我们创建的项目对应的文件夹下，自己项目中没有的文件夹，就整个文件夹复制过来，注意，这里ThorUI中的pages文件不用复制，使用我们项目的pages即可

4、开启easycom组件模式
打开自己项目中的packs.json文件，按照官方文档的方式，配置pages.json
官方文档：https://thorui.cn/doc/docs/tui-basic.html#%E7%BB%84%E4%BB%B6%E5%AF%BC%E5%85%A5%E9%A1%B9%E7%9B%AE

5、修改main.js和App.vue

把ThorUI组件库中的main.js里面所有内容，覆盖掉自己的main.js内容(需要其他的配置，再另外做配置，这里先全部覆盖掉)；

接着在App.vue中引入ThorUI组件库的common样式

6、引入并开始使用组件即可使用

uni-app使用，并引入thor-ui相关推荐

vant 验证手机号_【uni app】vant weapp的引入和部分详细调用（表单输入框、验证码、弹出层搭配选择器、地图）...
本次小程序的开发使用uni app+vant weapp,vant weapp如何引用和部分组件使用方法如下引入在github(https://github.com/youzan/vant-wea ...
Thor UI - 轻量简洁的免费开源移动端 UI 组件库，支持原生小程序和 uni-app
用来快速开发原生小程序或者通过 uni-app 来开发任何小程序甚至是 APP 的组件库,但我很好奇中文名是不是译作雷神 UI. Thor UI 介绍 Thor UI 是一款开发移动端网页应用.小程序 ...
组件的生命周期，小程序如何引入第三方ui框架
笔记组件开发的三要素 properties //相当于vue中的props接收属性 triggerEvent//相当于vue中是$emit slot//和vue是类似的slot 1.可以通关slot ...
uni app中使用图表
关于在uni app中运用图表今天写项目,需要在uni app中使用图表,我使用的是ucharts. 具体操作如下 1.下载 ucharts可以直接在uni app的插件市场下载安装. 先在插件市场 ...
HbuilderX:uni app踩坑之uView-ui
HbuilderX:uni app踩坑之uView-ui 最近在自学uniapp,想找一个ui框架提高一下学习和开发的效率,于是就网上冲浪,浪来浪去,最后选择了uView-ui这款.其实有些框架我是有 ...
uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
uni app 手机端导航栏自定义
uni app 手机端导航栏自定义第一步:明确顶部导航栏的构成(手机自带的顶部菜单+开发的顶部菜单栏) 获取手机自带的顶部导航栏 <view class="navigation_ba ...
微信小程序引入 Vant UI
微信小程序引入 Vant UI 一. 安装 # 通过 npm 安装 npm i @vant/weapp -S --production# 通过 yarn 安装 yarn add @vant/weapp ...
微信小程序引入Vant UI
微信小程序引入Vant UI 第一次导入Vant UI时,照着vant weapp 官网给的"快速上手"文章做的,结果出了几大错误,改了半小时才解决.下面将完整演示引入流程. 1. ...
uni app实现WIFI功能(只支持安卓APP)
uni app实现WIFI功能一.前言二.使用 uni-WIFI 三.使用h5+ api 一.前言最近需要在uniapp上实现WiFi功能,将个人的研究结果记录如下(都只支持安卓APP) 使用 ...

uni-app使用，并引入thor-ui

uni-app使用，并引入thor-ui相关推荐

最新文章

热门文章