1.下載插件放到項目 components目錄下
2. 引入並註冊
import taozhiSkeleton from '@/components/taozhiSkeleton/taozhiSkeleton.vue' // 骨架屏
export default {
components: {
taozhiSkeleton
},
}
3. 使用
<taozhi-skeleton type="listTransverse" :number="3"></taozhi-skeleton>
4. 參數說明
| 參數名 | 類型 | 說明 |
|---|---|---|
| type | String | 骨架屏類型 |
| animation | Boolean | 是否啓動動畫 |
| number | Number | 列表item數量 |
type參數
| 字段 | 說明 |
|---|---|
| listTransverse | 橫向列表 |
| listVertical | 縱向列表 |
| listAudio | 音頻列表 |
| listCourse | 圖文、課程列表 |
| listGrid | 九宮格列表 |
| listPartner | 用戶、商戶列表 |
| listBook | 書籍列表 |