自定义类名修改组件样式（页面有多个相同组件，但是需要单独修改的情况）

最新推荐文章于 2024-07-12 09:36:48 发布

₍•ʚ•₎呀呀

最新推荐文章于 2024-07-12 09:36:48 发布

阅读量141

点赞数

文章标签： javascript 前端 css

本文链接：https://blog.csdn.net/weixin_60886885/article/details/128608679

版权

 <div class="several-button-footer-dialog">
    <el-dialog v-model="AssociationFormDialogFormVisible" :title="'关联字段设置'" :close-on-click-modal="false">
  <el-form :model="associationFormData" :label-position="'top'" label-width="200px">
    <div class="connect-association-form">
      <div class="connect-association-form-left">
      <app-svg-icon icon-name="add-association-form" class="w-40 h-40" @click="showAssociateApplicationForm"></app-svg-icon>
      <div class="connect-association-form-left-text">
        <div>{{associationFormData.applicationTitle}}</div>
        <div>{{associationFormData.applicationDescription}}</div>
      </div>
    </div>

.several-button-footer-dialog:deep().el-dialog__footer{//修改多个button的dialog底部样式
  display: flex!important;
  justify-content: space-between!important;
}