antd——V修改弹框样式


    <div class="centerModal" v-if="yjpic&&yjpic!=''" ref='centerModal'>
      <a-modal
      :getContainer="()=>$refs.centerModal"
        :visible="sfpic"
        :confirm-loading="confirmLoading"
        :maskClosable="false"
        :zIndex="9999"
        @cancel="handleCancel"
        :destroyOnClose="true"
        :keyboard="false"
        :footer="null"
        :centered='true'
        :bodyStaty="{padding:0}"
      >
        <div>
          <img :src="'data:image/png;base64,'+yjpic" style="width:100%;height:100%;margin-top:20px"/>
        </div>
      </a-modal>
      
    </div>

将弹框挂载到 顶层div上,修改弹框 样式
.centerModal {
  .ant-modal-content {
    .ant-modal-footer {
      display: none !important;
    }
    .ant-modal-body{
      padding: 22px 5px 5px 5px!important;
    }
  }
}

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM