Vue模仿Window弹出窗口UI组件

描述：

Vue Window是PC环境中Windows UI作为Vue组件的实现。虽然，windows UI 不在是主流，但对于PC环境中的web程序仍然有用。

特征：

• vue2的窗口组件
• 窗口是可拖动的
• 自动 z-index 控制
• z 索引组
• 可配置的颜色主题
• 内置3种颜色主题
• 打开/关闭动画
• 在 Safari10、Chrome60、Firefox55、IE11、Edge38 上测试

使用

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'))

示例

<template>
    <hsc-window-style-metal>
        <hsc-window title="Window 1" >
            Parameters:
            <fieldset>
                <legend>&alpha;</legend>
                <input type="range" />
            </fieldset>
            <fieldset>
                <legend>&beta;</legend>
                <input type="range" />
            </fieldset>
        </hsc-window>
    </hsc-window-style-metal>
</template>