chat/_src/pages/mini/App.vue

<template>
  <div id="app" @mousewheel.stop @touchstart.stop>
    <chat-mini
      :show="show"
      :groupId="groupId"
      :width="outWidth"
      :height="outHeight"
      >
    </chat-mini>
  </div>
</template>

<script>
import { mapActions, mapMutations } from 'vuex'
import { getUrlParam } from '@/util/util'
import chatMini from '@/components/chatMini/chatMini'

export default {
  name: 'App',
  components: {
    chatMini
  },
  data () {
    var width = getUrlParam('width') || window.innerWidth
    var height = getUrlParam('height') || window.innerHeight - 16
    return {
      show: getUrlParam('show') === 'true',
      groupId: getUrlParam('groupId') || 10001,
      outWidth: parseInt(width),
      outHeight: parseInt(height)
    }
  },
  methods: {
    ...mapMutations([
      'setPublicKey',
      'setShowLoginTyps'
    ]),
    ...mapActions([
      'setScatter',
      'setAccount'
    ])
  },
  created () {
  }
}
</script>

<style lang="scss">
@import '@/style/mini.scss';
</style>