vxe-modal 实现窗口拖拽调整宽高

  • vxe-modal 实现窗口拖拽调整宽高已关闭评论
  • 25 次浏览
  • A+
所属分类:Web前端
摘要

vxe-modal 实现窗口拖拽调整宽高官网:https://vxeui.comhttps://gitee.com/x-extends/vxe-pc-ui

vxe-modal 实现窗口拖拽调整宽高

官网:https://vxeui.com

vxe-modal 实现窗口拖拽调整宽高

<template>   <div>     <vxe-button content="点击弹出" @click="showPopup = true"></vxe-button>     <vxe-modal v-model="showPopup" title="标题1" :width="600" :height="400" resize>       <div>鼠标点击窗口边缘,按住边缘拖拽调整窗口宽和高</div>       <div>按住头部移动!</div>       <div>按住左边距拖动!</div>       <div>按住右边距拖动!</div>       <div>按住底边距拖动!</div>       <div>按住左下角拖动 !</div>       <div>按住右下角拖动!</div>     </vxe-modal>   </div> </template>  <script> export default {   data () {     return {       showPopup: false     }   } } </script> 

https://gitee.com/x-extends/vxe-pc-ui