DeeFoldPane
<h2>DeeFoldPane 界面布局</h2>
<p>> <font color=#2A75CE>定义： 参数中<font color=red>*</font>表示必填项，<font color=black>{key}</font>表示对象的键，<font color=black>{value}</font>表示对象的值；类型为array或object有子属性</font></p>
<h3>Attributes</h3>
<table>
<thead>
<tr>
<th style="text-align: center;">参数</th>
<th style="text-align: center;">说明</th>
<th style="text-align: center;">类型</th>
<th style="text-align: center;">可选择</th>
<th style="text-align: center;">默认值</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;"><font color=red>*</font>split</td>
<td style="text-align: center;">布局方式</td>
<td style="text-align: center;">Number</td>
<td style="text-align: center;">vertical, horizontal</td>
<td style="text-align: center;">—</td>
</tr>
<tr>
<td style="text-align: center;">minPercent</td>
<td style="text-align: center;">最小百分比</td>
<td style="text-align: center;">Number</td>
<td style="text-align: center;">—</td>
<td style="text-align: center;">10</td>
</tr>
<tr>
<td style="text-align: center;">defaultPercent</td>
<td style="text-align: center;">默认百分比</td>
<td style="text-align: center;">Number</td>
<td style="text-align: center;">—</td>
<td style="text-align: center;">50</td>
</tr>
<tr>
<td style="text-align: center;">isShowResizer</td>
<td style="text-align: center;">是否展示收缩栏</td>
<td style="text-align: center;">boolean</td>
<td style="text-align: center;">true/false</td>
<td style="text-align: center;">true</td>
</tr>
<tr>
<td style="text-align: center;">isFolder</td>
<td style="text-align: center;">是否展示收缩栏图标</td>
<td style="text-align: center;">boolean</td>
<td style="text-align: center;">true/false</td>
<td style="text-align: center;">true</td>
</tr>
<tr>
<td style="text-align: center;">resizerWidth</td>
<td style="text-align: center;">收缩栏宽度</td>
<td style="text-align: center;">String</td>
<td style="text-align: center;">—</td>
<td style="text-align: center;">8px</td>
</tr>
</tbody>
</table>
<h3>代码参考</h3>
<pre><code> &lt;dee-fold-pane
:min-percent=&quot;5&quot;
:default-percent=&quot;30&quot;
split=&quot;vertical&quot;
class=&quot;detail-pane&quot;
&gt;
&lt;template slot=&quot;paneL&quot;&gt;
&lt;left-page :type-name=&quot;typeName&quot; :config-details=&quot;configDetails&quot; @search=&quot;search&quot; @switchTabs=&quot;switchTabs&quot; /&gt;
&lt;/template&gt;
&lt;template slot=&quot;paneR&quot;&gt;
&lt;right-page ref=&quot;rightPage&quot; v-dee-loading=&quot;loading&quot; :type-name=&quot;typeName&quot; :config-details=&quot;configDetails&quot; :tab=&quot;currentTab&quot; :table-data=&quot;tableData&quot; /&gt;
&lt;/template&gt;
&lt;/dee-fold-pane&gt;</code></pre>