Cells

Commonly used to nest a group of cells

Example：

Basic components

Alert

Detail

Badge

Detail

Button

Detail

Collapse

Detail

HTML5

del

For details of components, please read

<lee-cells title="Basic components" footer="For details of components, please read">
<lee-cell title="Alert" footer="Detail" icon="/img/t1o.png" url="/guide/Alert.html"></lee-cell>
<lee-cell title="Badge" footer="Detail" icon="/img/t2o.png" url="/guide/Badge.html"></lee-cell>
<lee-cell title="Button" footer="Detail" icon="/img/t3o.png" url="/guide/Button.html"></lee-cell>
<lee-cell title="Collapse" footer="Detail" icon="/img/t4o.png" url="/guide/Collapse.html"></lee-cell>
<lee-cell title="HTML5" footer="del" icon="/img/t4o.png" url="/guide/Collapse.html" del @del="delevent"></lee-cell>
</lee-cells>

<script>
export default {
    data() {
        return {
           
        };
    },
    methods: {
        delevent(){
          var el=event.target.parentElement
          el.parentElement.removeChild(el)
        }
    }
}
</script>

显示代码

Cells Attribute

Parameter	Description	Type	Optional Value	Default Value
title	Cells Title	String	-	-
footer	Cells Footer Text	String	-	-

Cell Attribute

Parameter	Description	Type	Optional Value	Default Value
title	Title	String	-	-
footer	text	String	-	-
icon	icon	String	-	-
url	url	String	-	-
del	del or not	Boolean	-	false

Cell Event

Event name	Description	Callback parameter
del	Delete event	Delete This