表格组件 Table
<p>更新日志:</p>
<pre><code>2022/7/22 新增 type => line 横向 long => 纵向</code></pre>
<p>一、使用方法</p>
<pre><code>import Table from "@/components/table.vue";
<Table :columns="tableTitleList" :data="tableList">
<slot v-slot:'header'>表格头部内容</slot>
<slot v-slot:'footer'>表格尾部内容</slot>
</Table>
// 插槽 header footer
二、参数详解及示例
</code></pre>
<pre><code>columns Array 标题数据
data Array 表格数据
type String 表格类型 line(横向) long(纵向)
注: type 为 long 时 columns 可以省略</code></pre>
<pre><code>
三、searchForm 参数示例
==========实例==========
tableTitleList: [
{ id: 1, title: "时间", prop: "time"},
{ id: 2, title: "文字&语音条", prop: "font"},
{ id: 3, title: "连麦游戏", prop: "game"},
{ id: 4, title: "视频通话", prop: "video"},
],
tableList: [
{ id: 1, time: "体验30分钟", font: "5", game: "-", video: "-"},
{ id: 2, time: "30分钟", font: "5", game: "25", video: "200"},
],
==========参数描述==========
id 必传,
title: 必传,标题显示文字
prop 必传,用于匹配下方数据参数
</code></pre>
<p>具体页面参考: user/index/user-detail.vue</p>
<hr />
<p>作者:AXin
日期:2022-6-11</p>