<template>
  <div>
    <div class="m-design">
      <img v-show="currentNav=='index'" src="@/assets/img/aiaf-design/shebei.png" />
      <img v-show="currentNav=='jiankong'" src="@/assets/img/aiaf-design/shebei-jiankong.png" />
      <img v-show="currentNav=='kakou'" src="@/assets/img/aiaf-design/shebei-kakou.png" />
      <img v-show="currentNav=='menjin'" src="@/assets/img/aiaf-design/shebei-menjin.png" />
      <img v-show="currentNav=='chongdianzhuang'" src="@/assets/img/aiaf-design/shebei-chongdianzhuang.png" />
      <img v-show="currentNav=='denggan'" src="@/assets/img/aiaf-design/shebei-denggan.png" />
      <img v-show="currentNav=='jinggai'" src="@/assets/img/aiaf-design/shebei-jinggai.png" />
      <img v-show="currentNav=='fabu'" src="@/assets/img/aiaf-design/shebei-fabu.png" />
      <img v-show="currentNav=='laoren'" src="@/assets/img/aiaf-design/shebei-laoren.png" />
    </div>

    <div class="m-sidebar">
      <div class="wrap">
        <div class="nav" @click="currentNav='index'" :class="{'z-on': currentNav=='index'}">设备</div>
        <div class="nav" @click="currentNav='jiankong'" :class="{'z-on': currentNav=='jiankong'}">监控</div>
        <div class="nav" @click="currentNav='kakou'" :class="{'z-on': currentNav=='kakou'}">卡口</div>
        <div class="nav" @click="currentNav='menjin'" :class="{'z-on': currentNav=='menjin'}">门禁</div>
        <div class="nav" @click="currentNav='chongdianzhuang'" :class="{'z-on': currentNav=='chongdianzhuang'}">充电桩</div>
        <div class="nav" @click="currentNav='denggan'" :class="{'z-on': currentNav=='denggan'}">智能灯杆</div>
        <div class="nav" @click="currentNav='jinggai'" :class="{'z-on': currentNav=='jinggai'}">智能井盖</div>
        <div class="nav" @click="currentNav='fabu'" :class="{'z-on': currentNav=='fabu'}">信息发布</div>
        <div class="nav" @click="currentNav='laoren'" :class="{'z-on': currentNav=='laoren'}">老人关怀</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  mixins: [],
  data() {
    return {
      currentNav: 'index'
    };
  },
  components: {},
  methods: {},
};
</script>

<style lang="scss" src="@/assets/scss/modules/ai/index.scss" scoped></style>
