コード:
<el-dialog :visible.sync="detailsvisible" width="20%">
<template slot="title">
<div style="font-size:18px;font-weight: 999;">操作提示</div>
</template>
<div type="warning" style="font-size:16px">请先选择该政策对企业是否适用? 若适用,
点击【下一步】进行相关设置</div>
<el-radio v-model="radio" label="1" @input="input">适用</el-radio>
<el-radio v-model="radio" label="2" @input="input">不适用</el-radio>
<div slot="footer" class="dialog-footer" style="text-align: right">
<el-button style="margin-right:8px" key="back" type="" @click="detailsvisible = false">取消</el-button>
<el-button type="primary" :disabled="nextflg" @click="nextTrue">下一步</el-button>
</div>
</el-dialog>
<template></template> をスロット スロットと組み合わせて使用し、必要な要素を配置します。要素は、calss、id style、その他の HTML 要素と特定のスタイル クラス名を使用して、必要なスタイルと組み合わせることができます。
完成した効果: