Comment utiliser iView Weapp dans le framework mpvue de l'applet WeChat ?

Télécharger IView Weapp

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

Importer un fichier

Après le téléchargement, importez tous les fichiers du dossier dist (vous pouvez également sélectionner uniquement les composants requis) dans le dossier statique du projet mpvue.

Utiliser les composants

Configurez dans la page où vous devez utiliser le composant.

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'
    }
  }
}

Utilisez ensuite la balise dans la page pour appeler avec succès

 <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>

Articles connexes :

Nouveau projet du programme WeChat Mini Bonjour WeApp Introduction détaillée

Comment utiliser le modèle du programme WeChat Mini

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!