Panel 组件使用教程
优质
小牛编辑
134浏览
2023-12-01
安装
import { Panel } from 'vux'
export default {
components: {
Panel
}
}// 在入口文件全局引入
import Vue from 'vue'
import { Panel } from 'vux'
Vue.component('panel', Panel)
属性
| 名字 | 类型 | 默认值 | 说明 | 版本要求 |
| header | string | 头部文字 | -- | |
| footer | object | 尾部配置，{url: url, title: title} | -- | |
| list | array | 内容列表，[{title, desc, src, fallbackSrc, meta:{source,date,other}}] | -- | |
| type | string | 1 | 布局类型，可选值 ['1', '2', '3', '4', '5'] | -- |
事件
| 名字 | 参数 | 说明 | 版本要求 |
| @on-click-header | -- | 点击头部时触发 | -- |
| @on-click-item | (item) | 点击内容列表时触发 | -- |
| @on-click-footer | -- | 点击尾部时触发 | -- |