溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

小程序mpvue框架中使用iView Weapp的示例

發布時間:2020-12-21 14:32:14 來源:億速云 閱讀:233 作者:小新 欄目:移動開發

這篇文章將為大家詳細講解有關小程序mpvue框架中使用iView Weapp的示例,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

下載IView Weapp

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

導入文件

下載完后將dist文件夾中的所有文件(也可以只選擇需要的組件)導入到mpvue項目的static文件夾中。
小程序mpvue框架中使用iView Weapp的示例

使用組件

在需要使用組件的頁面中配置。
小程序mpvue框架中使用iView Weapp的示例

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的示例

關于小程序mpvue框架中使用iView Weapp的示例就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女