微信小程序引入iview weapp

1. 下载iview

方式1：前往github下载 iview下载地址
方式2：在项目中通过npm引入

2. 引入下载好的文件

解压文件，目录如下

将其中的dist文件夹放到项目中

3. 按照iview官网的引入方式，需要引入哪一个组件，就在想引入组件的页面json文件中加入相应的引用
例如引入i-icon，路径按照自己的文件路径

"usingComponents": {"i-icon": "../../dist/icon/index"}

4. 完成上面步骤就可以使用i-icon组件了

在相应的wxml页面随便使用一个icon

<i-icon type="activity" size="28" color="#80848f" />

成功使用icon的效果图

微信小程序引入iview weapp相关推荐

Day267/300 Mac微信小程序引入@vant/weapp样式不生效问题
(一)需求微信小程序想使用Vant Weapp ,按照官网的步骤安装成功,但是就是不生效--是在真机预览的时候生效,但是在开发工具上的时候不生效. 折腾了一天多,终于解决了,分享给大家. (二)官网 ...
微信小程序引入vant Weapp
1.微信小程序的内置终端用不了,只能使用外部终端点击微信开发者工具>视图>命令面板(或者Ctrl+Shift+Alt+P)打开外部终端或者直接Ctrl+Shift+C直接打开 2.打开 ...
微信小程序导入Vant Weapp组件库
超详细!微信小程序导入Vant Weapp组件库 Vant Wepp组件库轻量.可靠,同时组件样式丰富美观,容易上手,我们可以引入该组件库来实现小程序的相关界面样式. Vant Weapp组件库官方文 ...
微信小程序中Vant Weapp的引用与使用
微信小程序中Vant Weapp的引用与使用 1.安装方式 # 通过 npm 安装 npm i @vant/weapp -S --production# 通过 yarn 安装 yarn add @va ...
微信小程序使用vant weapp报错
微信小程序使用vant weapp报错错误一:构建错误错误二:["usingComponents"]["van-button"] 未找到我的安装流程 1. ...
微信小程序引入 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. ...
微信小程序引入骨架屏组件
微信小程序引入骨架屏组件参考地址:https://github.com/cytle/ma-skeleton.git 1.克隆项目 2.把项目里的组件skeleton文件复制到自己的项目里 3.复制& ...
微信小程序引入vant-weapp组件遇到的bug以及解决方法
微信小程序引入vant-weapp组件遇到的bug问题原本百度了一波,说只要安装了node还有npm之后,使用gitBash命令行工具直接cd到根目录下然后直接引入以下代码: npm i vant- ...

微信小程序引入iview weapp

微信小程序引入iview weapp

微信小程序引入iview weapp相关推荐

最新文章

热门文章