Need help with vue-window?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

michitaro
251 Stars 52 Forks MIT License 103 Commits 19 Opened issues

Description

Window component for vue2

Services available

!
?

Need anything else?

Contributors list

# 217,458
TypeScr...
HTML
Vue.js
99 commits
# 594,686
TypeScr...
HTML
Vue.js
2 commits

vue-window

Introduction

Recent web applications are mainly for mobile environments. Therefore window UI is no longer mainstream. However, window UI is still useful for professional web applications for PC environments. This package is an implementation of window UI for PC environment as a Vue Component.

Working Demo

Features

  • Window component for vue2
  • Windows are draggable
  • Automatic z-index control
  • Resizable
  • z-index group
  • Configurable color theme
  • Built-in 3 color themes
  • Open / Close animation
  • Tested on Safari10, Chrome60, Firefox55, IE11, Edge38 For PCs
  • iOS Support 🎉

Screenshot

Usage

Install

npm install --save @hscmap/vue-window

Setup

ES6 / TypeScript

import Vue from 'vue'
import * as VueWindow from '@hscmap/vue-window'

Vue.use(VueWindow)

CommonJS

var Vue = require('vue')
Vue.use(require('@hscmap/vue-window'))

Example


Other examples are available here.

see also @hscmap/vue-menu. This is a menu UI component for vue2 with the same color themes.

Contributing

Any comments, suggestions or PRs are welcome 😀

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.