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