這篇文章將為大家詳細講解有關小程序mpvue框架中使用iView Weapp的示例,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
https://github.com/TalkingData/iview-weapp
下載完后將dist文件夾中的所有文件(也可以只選擇需要的組件)導入到mpvue項目的static文件夾中。
在需要使用組件的頁面中配置。
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' } } }
然后在頁面中使用標簽就可成功調用
<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>
關于小程序mpvue框架中使用iView Weapp的示例就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。