elementul のダイアログ コンポーネント タイトルのスタイルを変更する

コード:

<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 要素と特定のスタイル クラス名を使用して、必要なスタイルと組み合わせることができます。

完成した効果:

 

おすすめ

転載: blog.csdn.net/frelly01/article/details/129836424