當前位置:遊戲中心平台 - 單機遊戲 - Vue+elementUi開發了壹個可拖動和拉伸編輯的畫板。

Vue+elementUi開發了壹個可拖動和拉伸編輯的畫板。

最近幾天用vue實現了壹個動態編輯模板的小功能,包括自由拖拽div,自由拉伸div,自由設置寬度和顏色文本內容,添加和刪除相應的div。

當前組件的Git地址

文章的詳細解釋是當前組件被封裝到npm插件中

下面是具體圖片,比較簡單。請不要噴。

現在來說說實現的方式。

首先,使用vue的自定義屬性將壹條指令定義為v-drag。

contain參數用於防止div在拖動過程中超出畫布邊界。

我們以後會繼續完善功能,增加壹些新功能。

  • 上一篇:Csgo遊戲打不開,顯示同步然後自動退出。
  • 下一篇:遊戲:城市天際線問題急在線。
  • copyright 2024遊戲中心平台