Change the style of the dialog component title in elementul

Code:

<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>

        Use <template></template> in conjunction with the slot slot to place some elements we need. The elements can be mixed with the required styles using calss, id style and other html elements and the identified style class names.

Finished effect:

 

Guess you like

Origin blog.csdn.net/frelly01/article/details/129836424
Recommended