Maison > Applet WeChat > Développement de mini-programmes > Comment utiliser iView Weapp dans le framework mpvue de l'applet WeChat ?

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

php是最好的语言
Libérer: 2018-08-04 10:09:00
original
8357 Les gens l'ont consulté

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.
Comment utiliser iView Weapp dans le framework mpvue de lapplet WeChat ?

Utiliser les composants

Configurez dans la page où vous devez utiliser le composant.
Comment utiliser iView Weapp dans le framework mpvue de lapplet WeChat ?

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'
    }
  }
}
Copier après la connexion

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>
Copier après la connexion

Comment utiliser iView Weapp dans le framework mpvue de lapplet WeChat ?

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal