How to use iView Weapp in the WeChat applet mpvue framework?

Download IView Weapp

https://github.com/TalkingData/iview-weapp

Import file

After downloading, import all files in the dist folder (you can also select only the required components) into the static folder of the mpvue project.

Use components

Configure in the page where you need to use the component.

main.js

import Vue from 'vue'import App from './index'const app = new Vue(App)
app.$mount()export default {  config: {    usingComponents: {      'i-card': '../../../static/iview/card/index'
    }
  }
}

Then use tags in the page to successfully call

 <i-card full title="卡片标题" extra="额外内容" thumb="https://i.loli.net/2017/08/21/599a521472424.jpg">
      <view slot="content">内容不错</view>
      <view slot="footer">尾部内容</view>
    </i-card>

##Related articles ：

WeChat applet New project hello WeApp Detailed introduction

How to use the template of WeChat applet

The above is the detailed content of How to use iView Weapp in the WeChat applet mpvue framework?. For more information, please follow other related articles on the PHP Chinese website!