intelligent-inquiry-machine/src/views/header/index.vue

<template>
  <div class="header-container">
    <!-- <ul class="header-nav">
      <li>
        <img src="~@/assets/images/top.png">
        <p>图书检索</p>
      </li>
      <li @click="toHotBook">
        <img src="~@/assets/images/top.png">
        <p>热门图书</p>
      </li>
      <li @click="toAuthor">
        <img src="~@/assets/images/top.png">
        <p>作者推荐</p>
      </li>
      <li @click="toDigital">
        <img src="~@/assets/images/top.png">
        <p>数字资源</p>
      </li>
      <li>
        <img src="~@/assets/images/top.png">
        <p>场馆导航</p>
      </li>
    </ul> -->
    <div class="header-text header-date">{{ nowDate }}</div>
  <!-- <div class="header-title"><h2>东西湖区图书馆</h2></div>
  <div class="header-text header-weather">
    天气api: https://www.tianqi.com/plugin -->
    <!-- <iframe id="weather" width="210" scrolling="no" height="30" frameborder="0" allowtransparency="true" src="https://i.tianqi.com?c=code&id=34&color=%23FFFFFF&icon=1&py=wuhan&site=24" /> -->
  <!-- </div> -->
  </div>
</template>

<script>
import { getCurrentTime } from '@/utils/index'
export default {
  name: 'Header',
  data() {
    return {
      nowDate: ''
    }
  },
  created() {
    this.timer = setInterval(() => {
      this.nowDate = getCurrentTime()
    }, 1000)
  },
  mounted() {
  },
  methods: {
  }
}
</script>

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