vue-windows

前端 工具 / 组件
用于创建自定义浏览器窗口效果的 Vue 组件

vue-windows NPM version NPM downloads Build Status

It's inspired by the socket.io homepage, weighing only 2kb.

Install

$ npm install --save vue-windows

Usage

<template>
  <div id="app">
    <editor-window title="my window">
      editor window body
    </editor-window>
    <browser-window url="http://example.com">
      browser window body
    </browser-window>
  </div>
</template>

<script>
  import {EditorWindow, BrowserWindow} from 'vue-windows'

  export default {
    components: {
      EditorWindow,
      BrowserWindow
    }
  }
</script>

<style src="vue-windows/dist/vue-windows.css"></style>

API

Props

title

Component: EditorWindow
Type: string
Required: true

url

Component: BrowserWindow
Type: string
Required: true

shadow

Component: All
Type: boolean
Default: false

Whether to show window shadow.

theme

Component: All
Type: string
Default: default
Available: default dark

width

Component: All
Type: number
Default: 500

height

Component: All
Type: number
Default: 340

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

Development

yarn
yarn example

License

MIT © EGOIST

vue-windows 相关推荐
对于该库,你有要推荐的内容么?点此提交推荐
请文明评论,与人为善,比聪明更重要!
评论