zm_website/src/App.vue

<template>
  <div>
    <div id="index-banner">
      <!-- 顶部导航栏 -->


        <!-- 分辨率大于1200页面 -->
        <div class="nav-lg visible-lg">
          <!--          <nav class="nav-padding"></nav>-->
          <nav class="navbar navbar-default nav-lg navbar-fixed-top visible-lg">
            <div class="container text-center">
              <!-- Brand and toggle get grouped for better mobile display -->
              <!-- 大屏幕下的样式  width>=1200px -->
              <div class="visible-lg">
                <!--  菜单栏 -->

                <div class="col-lg-12 nav-link flex-row">
                  <img src="./assets/image/img/logo.png" alt=""  class="navbar-brand logo">
                  <div style="min-width: 1400px;justify-content: flex-end" class="flex-row">
                  <router-link class="navbar-brand" to="/index" tag="a" >
                    <span>首</span>
                    <span>页</span>
                  </router-link>
                  <router-link class="navbar-brand" to="/food" tag="a" >

                    <span>醉</span>
                    <span>面</span>
                    <span>美</span>
                    <span>食</span>
                  </router-link>
                  <router-link class="navbar-brand" to="/news" tag="a"  >
                    <span>品</span>
                    <span>牌</span>
                    <span>新</span>
                    <span>闻</span>
                  </router-link>
                  <router-link class="navbar-brand" to="/contact" tag="a" >
                    <span>联</span>
                    <span>系</span>
                    <span>我</span>
                    <span>们</span>
                  </router-link>
                    <router-link class="navbar-brand" to="/recruit" tag="a"  >
                    <span>人</span>
                    <span>才</span>
                    <span>招</span>
                    <span>聘</span>
                    </router-link>
                  <span class="navbar-brand" style="margin-right: 100px">

                   <a :href="'tel:400-878-124'">
                     <img src="./assets/image/img/tel.png" alt style="height: 30px;width: 34px"/>
                   </a>
                    <span style="margin-left: 14px;width: 160px;text-align: center;color: #E84E47;font-size: 24px">400-878-124</span>

                  </span>
                  </div>
                </div>

              </div>

            </div>
          </nav>
        </div>

    </div>
    <router-view></router-view>
    <div id="index-bottom flex-column">
      <div class="index-bottom-top flex-row">
        <div class="index-bottom-top-left flex-row">
          <img src="../src/assets/image/img/bottom_title.png" alt="" class="bt1">
          <div class="bt2 flex-column">
            <div>联系电话：0663-1928830</div>
            <div style="margin-top: 40px">联系地址</div>
            <div style="margin-top: 10px">北京市朝阳区繁华大街3450拓基大厦1103室</div>
          </div>
        </div>
        <div class="bt3 flex-row">
          <router-link class="bt3-brand" to="/index" tag="a">
            <span>首页</span>
          </router-link>
          <router-link class="bt3-brand" to="/food" tag="a">
            <span>醉面美食</span>
          </router-link>
          <router-link class="bt3-brand" to="/news" tag="a">
            <span>品牌新闻</span>
          </router-link>
          <router-link class="bt3-brand" to="/contact" tag="a">
            <span>联系我们</span>
          </router-link>
          <router-link class="bt3-brand" to="/recruit" tag="a">
            <span>人才招聘</span>
          </router-link>

        </div>

      </div>
      <div class="index-bottom-bottom" >
        <div>Copyright 醉面（中国）控股有限公司 2020 All Rights Reserved 沪ICP备15027919号</div>
      </div>
    </div>
  </div>
</template>

<script>
import {getCompanyInfo} from '@/request/api'
import './assets/css/index-banner.scss'
import './assets/css/index-bottom.scss'
import './assets/css/common.scss'

export default {
  data() {
    return {
      index:1
    }
  },
  created() {
    // this.getCompanyInfo();
  },
  mounted() {
    window.location.hash = '/'

  },
  destroyed() { //离开这个界面之后，删除，不然会有问题

    // window.removeEventListener('scroll', this.btn_pos)
  },
  methods: {
    choose(index){
      this.index = index;
    }
  },


}
</script>


<style lang="scss" scope>
</style>