| | |
| | | <div class="header"> |
| | | <div style="width: 600px;"> |
| | | <el-menu :default-active="menuIndex" class="main-menu" mode="horizontal" @select="handleSelect"> |
| | | <el-menu-item index="/"> |
| | | <el-menu-item index="/logo"> |
| | | <img src="@/assets/logo/logo.png" alt="云游四方" class="logo" /> |
| | | <span class="logo-text">云游四方</span> |
| | | </el-menu-item> |
| | |
| | | <el-icon> |
| | | <Phone /> |
| | | </el-icon> |
| | | <span>400-102-8686</span> |
| | | <span>18913206309</span> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | // 处理菜单点击事件 |
| | | const handleSelect = (index) => { |
| | | // console.log('选中菜单:', index); |
| | | if(index === '/logo'){ |
| | | router.push('/'); |
| | | }else{ |
| | | router.push(index); |
| | | } |
| | | |
| | | }; |
| | | </script> |
| | | <style scoped> |