• Panel
    • 安装
    • 属性
    • 事件
    • 插槽
    • 贡献者
    • 发布日志

    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)和描述信息(来源,时间和其他自定义信息)