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.

1 line
2.5 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

{"ast":null,"code":"const __default__ = {\n name: 'HeaderComponent' // 添加组件名称\n // 其他组件选项\n};\nexport default /*@__PURE__*/Object.assign(__default__, {\n setup(__props, {\n expose: __expose\n }) {\n __expose();\n const handleSelect = () => {};\n const __returned__ = {\n handleSelect\n };\n Object.defineProperty(__returned__, '__isScriptSetup', {\n enumerable: false,\n value: true\n });\n return __returned__;\n }\n});","map":{"version":3,"names":["__default__","name","handleSelect"],"sources":["D:/vue/demo/src/components/header.vue"],"sourcesContent":["<template>\r\n <el-menu\r\n :default-active=\"activeIndex\"\r\n class=\"el-menu-demo\"\r\n mode=\"horizontal\"\r\n @select=\"handleSelect\"\r\n background-color=\"#FFFFFF\"\r\n text-color=\"#000000\"\r\n active-text-color=\"#FEB2D7\"\r\n >\r\n <div class=\"logo\">\r\n <img src=\"./Logo.png\" alt=\"Logo\" />\r\n </div>\r\n <el-menu-item index=\"1\">智能推荐</el-menu-item>\r\n <el-sub-menu index=\"2\">\r\n <template #title>社区互动</template>\r\n <el-menu-item index=\"2-1\">私信聊天</el-menu-item>\r\n <el-menu-item index=\"2-2\">社区动态</el-menu-item>\r\n </el-sub-menu>\r\n <el-menu-item index=\"3\" disabled>情感助手</el-menu-item>\r\n <el-menu-item index=\"4\">个人空间</el-menu-item>\r\n <div class=\"tu\">\r\n <img src=\"./tu.png\" alt=\"tu\" />\r\n </div>\r\n </el-menu>\r\n <div class=\"h-6\" />\r\n \r\n </template>\r\n <style>\r\n .el-menu-demo {\r\n justify-content: space-between; /* 平铺菜单项 */\r\n font-weight: bold; /* 加粗字体 */\r\n \r\n \r\n }\r\n .el-menu{\r\n height 50px;\r\n \r\n \r\n }\r\n .logo img,\r\n .tu img {\r\n height: 50px; /* 根据需要调整高度 */\r\n width: auto; /* 自适应宽度 */\r\n margin-right: 10px; /* 与菜单项的间距 */\r\n }\r\n .menu-item {\r\n font-weight: bold; /* 加粗字体 */\r\n }\r\n </style>\r\n\r\n<script setup>\r\n \r\n const handleSelect = () =>{}\r\n</script>\r\n<script>\r\n export default \r\n {\r\n name: 'HeaderComponent', // 添加组件名称\r\n // 其他组件选项\r\n }\r\n </script>"],"mappings":"AAwDI,MAAAA,WAAA,GACA;EACEC,IAAI,EAAE,iBAAiB,CAAE;EACzB;AACF,CAAC;;;;;;IAPD,MAAMC,YAAY,GAAGA,CAAA,KAAK,CAAC,CAAC","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}