城阳pc工作端前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

44 lines
2.2 KiB

<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>