<template>
    <div>
      <div class="map" @click="abc()">
          <img src="../assets/images/yj-mapbg.png"/>
      </div>
      <Header></Header>
      <Leftnav></Leftnav>
      <Rightnav></Rightnav>
      <Btmbutton></Btmbutton>
      <Jsmsdialog ref="Jsmsdialog"></Jsmsdialog>
    </div>
  </template>
  
  <script>
  import '../assets/iconfont/iconfont.css'
  import Header from '../components/Header.vue'
  import Leftnav from '../components/Leftnav.vue'
  import Rightnav from '../components/Rightnav.vue'
  import Btmbutton from '../components/Btmbutton.vue'
  import Jsmsdialog from '../components/Jsmsdialog.vue'
  
  export default {
    name: 'App',
    components: {
        Header,
        Leftnav,
        Rightnav,
        Btmbutton,
        Jsmsdialog
    },
	methods: {
		abc(){
			this.$refs.Jsmsdialog.outerVisible = true
			console.log('1111')
		}
	},
  }
  </script>
  <style>
      .map{
          position: fixed;
          z-index: 1;
          width: 100%;
          height: 100vh;
          left: 0px;
      }
      .map img{
          width: 100%;
          height: 100%;
      }
  </style>
  