| | |
| | | <template> |
| | | <div class="header"> |
| | | <div class="title">智慧校园可视化信息管理平台</div> |
| | | <div class="title">智慧校园大数据三维可视化平台</div> |
| | | <div class="btn1 navBtn" :class="{'btnClick':isClick == 1}" @click="isClick = 1">首页</div> |
| | | <div class="btn2 navBtn" :class="{'btnClick':isClick == 2}" @click="isClick = 2">能源管理</div> |
| | | <div class="btn3 navBtn" :class="{'btnClick':isClick == 3}" @click="isClick = 3">地下管网</div> |
| | | <div class="btn4 navBtn" :class="{'btnClick':isClick == 4}" @click="isClick = 4">资产管理</div> |
| | | <div class="btn5 navBtn" :class="{'btnClick':isClick == 5}" @click="onBtn5">校园导览</div> |
| | | <div class="btn6 navBtn" :class="{'btnClick':isClick == 6}" @click="isClick = 6">新生迎新</div> |
| | | <div class="btn5 navBtn" :class="{'btnClick':isClick == 5}" @click="onBtn5">校园三维</div> |
| | | <div class="btn6 navBtn" :class="{'btnClick':isClick == 6}" @click="isClick = 6">视频融合</div> |
| | | |
| | | <div class="underLine"></div> |
| | | </div> |
| | |
| | | methods: { |
| | | onBtn5 () { |
| | | this.isClick = 5 |
| | | window.open('https://dev.jxpskj.com:8023/zhxy/#/pcLayout/default', '_blank') |
| | | window.open('https://dev.jxpskj.com:8023/zhjg/#/pcLayout/default', '_blank') |
| | | } |
| | | } |
| | | } |
| | |
| | | box-sizing: border-box; |
| | | .logo { |
| | | position: absolute; |
| | | background: url(/zhxy/img/home/logoko.png) no-repeat; |
| | | background: url(/zhjg/img/home/logoko.png) no-repeat; |
| | | background-size: contain; |
| | | top: 0px; |
| | | width: 258px; |
| | |
| | | font-weight: 500; |
| | | } |
| | | .title { |
| | | margin: 0 auto; |
| | | color: #28f2ff; |
| | | width: 550px; |
| | | position: absolute; |
| | | left: 678px; |
| | | left: 0; |
| | | right: 0; |
| | | top: 20px; |
| | | font-size: 34px; |
| | | letter-spacing: 5px; |
| | |
| | | height: 39px; |
| | | line-height: 39px; |
| | | text-align: center; |
| | | background: url(/zhxy/img/login/object.png); |
| | | background: url(/zhjg/img/login/object.png); |
| | | background-size: 100% 100%; |
| | | color: #24f2ff; |
| | | letter-spacing: 3px; |
| | |
| | | display: inline-block; |
| | | width: 32px; |
| | | height: 31px; |
| | | background: url(/zhxy/img/home/user.png) no-repeat; |
| | | background: url(/zhjg/img/home/user.png) no-repeat; |
| | | } |
| | | } |
| | | |
| | |
| | | bottom: 0; |
| | | width: 100%; |
| | | height: 21px; |
| | | background: url(/zhxy/img/home/xingz-copy1.png); |
| | | background: url(/zhjg/img/home/xingz-copy1.png); |
| | | background-size: contain; |
| | | } |
| | | } |
| | | </style> |
| | | </style> |