elementui dialog hauteur fixe

Aujourd'hui, j'ai utilisé la boîte de dialogue pour afficher le diagramme des graphiques électroniques. Comme elle contient une page à onglet, la première page à onglet affiche une icône et la deuxième page à onglet affiche deux icônes. Les positions supérieure et inférieure entraîneront la hauteur de la boîte de dialogue. lorsque l'onglet est changé. Modifier, le site officiel n'a que la largeur de réglage, qui peut être résolue par la méthode suivante

Écrivez un div dans la boîte de dialogue et définissez la taille du div sur la taille de la fenêtre relative.

<el-dialog
      class="dialog"
      :visible.sync="dialogVisible"
      top="1%"
      :title="dialogTitle"
      @close="handleClose"
      width="50%"
      
    >

    <div class="el-dialog-div">

          //省略其他内容
   </div >

</el-dialog>



<style lang="scss" scoped>
 .el-dialog-div{
    height: 60vh;
     overflow: auto;
    }

</style>

 

Je suppose que tu aimes

Origine blog.csdn.net/CarryBest/article/details/89396354
conseillé
Classement