Panel

demo 原始链接demo 源码编辑文档组件源码

Install

安装

  1. import { Panel } from 'vux'
  3. export default {
  4.   components: {
  5.     Panel
  6.   }
  7. }
  1. // 在入口文件全局引入
  3. import Vue from 'vue'
  4. import { Panel } from 'vux'
  6. Vue.component('panel', Panel)

API

属性

名字类型默认值说明版本要求
headerstring头部文字—
footerobject尾部配置，{url: url, title: title}—
listarray内容列表，[{title, desc, src, fallbackSrc, meta:{source,date,other}}]—
typestring1布局类型，可选值 ['1', '2', '3', '4', '5']—

事件

名字参数说明版本要求
@on-click-header—点击头部时触发—
@on-click-item(item)点击内容列表时触发—
@on-click-footer—点击尾部时触发—

插槽

名字说明版本要求
header头部位置v2.7.5
body主体内容部分v2.7.5
贡献者

贡献者

该组件(包含文档)迭代次数 20，贡献人数 4 Reed SunairylandQiongrong Jiang林杰

Changelog

发布日志

  • v2.7.9 [fix] footer.title 为空时隐藏 footer #2476
  • v2.7.5 [fix] 移除重复顶部边框样式
  • v2.7.5 [feature] 添加 slot:header slot:body #2270
  • v2.6.0 [enhance] 支持列表 fallbackSrc 属性在图片加载失败后显示 #1923
  • v2.5.7 [feature] 属性使用 v-html 绑定 #1784
  • v2.5.2 [feature] 增加type类型(4,5)和描述信息(来源,时间和其他自定义信息)