smart-fullscreen-v v1.0.3

smart-fullscreen-v

基于Vue框架的全面屏插件，可以智能适配屏幕。

安装

$ npm install smart-fullscreen-v

使用

main.js

import SmartFullscreenV from "smart-fullscreen-v"

Vue.use(SmartFullscreenV)

页面上使用

<template>
  <div id="app">
   <SmartFullscreen name="demo" @click="show">
        // 内容        
    </SmartFullscreen>
  </div>
</template>

<script>
export default {
  name: 'App',
  data () {
    return {
      isShow: false     // 标记是否全屏
    }
  },
  methods: {
    show () {
      if (!this.isShow) {
        this.$smart.opened('demo', true)    // 打开全屏  
        this.isShow = true
      } else {
        this.$smart.closed()    // 关闭全屏
        this.isShow = false
      }
    }
  }
}
</script>

组件 Props

组件事件

附加方法

可全局调用this.$smart来使用附加方法

this.$smart.opened()    // 示例

opened 参数