源代码
<template>
<div>
<h2>Toolbar and Button</h2>
<LinkButton @click="$refs.d1.open()">Open Dialog</LinkButton>
<Dialog ref="d1"
:title="'Toolbar and Button'"
:dialogStyle="{width:'400px',height:'200px'}"
bodyCls="f-column"
:modal="true">
<div class="dialog-toolbar">
<LinkButton iconCls="icon-edit" :plain="true">Edit</LinkButton>
<LinkButton iconCls="icon-help" :plain="true">Help</LinkButton>
</div>
<div class="f-full">
<p style="text-align:center;margin:20px 0;font-size:16px">The Dialog Content.</p>
</div>
<div class="dialog-button">
<LinkButton style="width:80px">Save</LinkButton>
<LinkButton style="width:80px">Close</LinkButton>
</div>
</Dialog>
</div>
</template>
<script>
export default {};
</script>