uni-app 引入**vant，colorUI,uView等并发布H5端
以下以vant为例，发布H5
轻量、可靠的移动端 Vue 组件库，采用 MIT 开源协议, 目前github star 数9k+，是有赞的一套开源组件库。通过 Vant，可以快速搭建出风格统一的页面，提升开发效率。目前已有近 60+ 个组件，这些组件被广泛使用于有赞的各个移动端业务中 此段搬的官网语句
#如何引入呢？
一：官方推荐了几种方法 ，具体写法就不复述了 引入方法
本人用的是 npm 方式
# Vue 2 项目，安装 Vant 2：npm i vant -SVue 3 项目，安装 Vant 3：npm i vant@next -S
上面这不是重点，上述只是为了下载文件，但要怎么用呢？
当然是全局引用
main.js ：
import Vant from 'vant';
Vue.use(Vant);
这只是引用了vant的组件模块！！！
不信啊？那就试试呗
找一个页面写入
<van-cell-group><van-field v-model="username" required clearable label="用户名" icon="question-o" placeholder="请输入用户名"bind:click-icon="onClickIcon" /><van-field v-model="password" type="password" label="密码" placeholder="请输入密码" :border="false" required /></van-cell-group>
username: ‘’,password: ‘’ 这两个参数不要忘了哦
运行：–运行至内置浏览器或者小程序…
运行结果：
样式呢？css呢？为什么没有显示上呢？console也没有报错~~（我不知道，我没吃，别找我）~~
发生上述原因：没有引入css :vant的组件和css单独维护的，所以需要手动引入
@import 'vant/lib/index.css'; // 需要放在 <style></style>标签里面
App.vue 文件添加即可
亲测只有这种方式才有样式
uni.css 引入按道理说应该是可以的，但试了发现不行哦，应该是我没找到方法吧，
当然以上的vant引入是全局引入
局部引入：
import Vant from 'vant';@import 'vant/lib/index.css'; // 需要放在 <style></style>标签里面
效果有了啊，开发。。。开发完了又如何发布呢？
然后嘛，按照步骤走就可以了，在编译打包完成后会得到一个打包文件
把h5下面的文件拷贝到服务器即可
至于colorUI，uview 这类第三方UI框架在项目新建的时候选择即可，
至于用法嘛，，比vant似乎更简单一点咯，官网提示都挺全得
若是有问题可以私我哦
注：好久没写博客了，，手法生疏，抱歉请见谅
uni-app 引入**vant，colorUI,uView等并发布H5端相关推荐
- vant 验证手机号_【uni app】vant weapp的引入和部分详细调用（表单输入框、验证码、弹出层搭配选择器、地图）...
本次小程序的开发使用uni app+vant weapp,vant weapp如何引用和部分组件使用方法如下 引入 在github(https://github.com/youzan/vant-wea ...
- uni app 调用网络打印机_一套代码，七端运行-uni-app
为什么要使用uni-app uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS.Android.H5.小程序等多个平台. 同时在别的方面它也有很大优 ...
- 淘宝商品详情接口（app、h5端）
淘宝接口 前言 一.H5端请求 请求方法 返回结果 二.淘宝APP 1.引入库 2. 淘宝APP 返回结果 测试j接口 一.H5端请求 请求方法 def taobao_detail_getdetail ...
- 单页面cnd 引入 vant+vue+h5 应用vant
@[TOC] h5 Vue CND 引入vant 并使用 效果 废话不多说上代码  选择完模板之后如下: 2. 右键打开终端:按如下步骤执行命令. ① npm init 解释 ...
- uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验 项目创建及微信小程序AppId的申请 本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
最新文章
- 图灵2010.10书讯
- Codechef SEAARC Sereja and Arcs (分块、组合计数)
- 基于python技术的自动化运维是干嘛的_如何理解Python与自动化运维的关系。？
- 分布式与人工智能课程(part4)--第四课
- 05 state与setState、单向数据流
- 【数据结构】——快速排序
- KnockoutJS-快速入门
- 惜缘-致家乡的一位女孩[原创]
- 官宣：Linux 内核主要贡献者 Linaro「喜提」新任 CEO！
- 微信小程序反编译工具及方法
- 赤菟CH32V307 RISC-V 开发板 rt-thread 的坑 - esp8266的使用
- Java常见面试题汇总-----------JVM专题（Java类加载机制）
- Dell 电脑插入耳机无声音或重启后有声音
- 2021 上海科技大学 信息学院SIST 推免夏令营 经历
- Layui树形表格组件的实现
- SpringCloud快速上手
- 补助方针收紧，意在倒逼新能源汽车？
- 刷脸支付：5G时代下的新型支付模式
- 如何在OC类里 调用swift类
- 数字图像处理实验之图像压缩