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
6.4 KiB
1 line
6.4 KiB
{"ast":null,"code":"import { createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\";\nimport _imports_0 from './Logo.png';\nimport _imports_1 from './tu.png';\nexport function render(_ctx, _cache, $props, $setup, $data, $options) {\n const _component_el_menu_item = _resolveComponent(\"el-menu-item\");\n const _component_el_sub_menu = _resolveComponent(\"el-sub-menu\");\n const _component_el_menu = _resolveComponent(\"el-menu\");\n return _openBlock(), _createElementBlock(_Fragment, null, [_createVNode(_component_el_menu, {\n \"default-active\": _ctx.activeIndex,\n class: \"el-menu-demo\",\n mode: \"horizontal\",\n onSelect: $setup.handleSelect,\n \"background-color\": \"#FFFFFF\",\n \"text-color\": \"#000000\",\n \"active-text-color\": \"#FEB2D7\"\n }, {\n default: _withCtx(() => [_cache[6] || (_cache[6] = _createElementVNode(\"div\", {\n class: \"logo\"\n }, [_createElementVNode(\"img\", {\n src: _imports_0,\n alt: \"Logo\"\n })], -1 /* HOISTED */)), _createVNode(_component_el_menu_item, {\n index: \"1\"\n }, {\n default: _withCtx(() => _cache[0] || (_cache[0] = [_createTextVNode(\"智能推荐\")])),\n _: 1 /* STABLE */\n }), _createVNode(_component_el_sub_menu, {\n index: \"2\"\n }, {\n title: _withCtx(() => _cache[1] || (_cache[1] = [_createTextVNode(\"社区互动\")])),\n default: _withCtx(() => [_createVNode(_component_el_menu_item, {\n index: \"2-1\"\n }, {\n default: _withCtx(() => _cache[2] || (_cache[2] = [_createTextVNode(\"私信聊天\")])),\n _: 1 /* STABLE */\n }), _createVNode(_component_el_menu_item, {\n index: \"2-2\"\n }, {\n default: _withCtx(() => _cache[3] || (_cache[3] = [_createTextVNode(\"社区动态\")])),\n _: 1 /* STABLE */\n })]),\n _: 1 /* STABLE */\n }), _createVNode(_component_el_menu_item, {\n index: \"3\",\n disabled: \"\"\n }, {\n default: _withCtx(() => _cache[4] || (_cache[4] = [_createTextVNode(\"情感助手\")])),\n _: 1 /* STABLE */\n }), _createVNode(_component_el_menu_item, {\n index: \"4\"\n }, {\n default: _withCtx(() => _cache[5] || (_cache[5] = [_createTextVNode(\"个人空间\")])),\n _: 1 /* STABLE */\n }), _cache[7] || (_cache[7] = _createElementVNode(\"div\", {\n class: \"tu\"\n }, [_createElementVNode(\"img\", {\n src: _imports_1,\n alt: \"tu\"\n })], -1 /* HOISTED */))]),\n _: 1 /* STABLE */\n }, 8 /* PROPS */, [\"default-active\"]), _cache[8] || (_cache[8] = _createElementVNode(\"div\", {\n class: \"h-6\"\n }, null, -1 /* HOISTED */))], 64 /* STABLE_FRAGMENT */);\n}","map":{"version":3,"names":["_imports_0","_imports_1","_createElementBlock","_Fragment","_createVNode","_component_el_menu","_ctx","activeIndex","class","mode","onSelect","$setup","handleSelect","default","_withCtx","_createElementVNode","src","alt","_component_el_menu_item","index","_cache","_createTextVNode","_","_component_el_sub_menu","title","disabled"],"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 font-size: 30px; \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":";OAWWA,UAAgB;OAWdC,UAAc;;;;;uBAtB3BC,mBAAA,CAAAC,SAAA,SACIC,YAAA,CAuBUC,kBAAA;IAtBP,gBAAc,EAAEC,IAAA,CAAAC,WAAW;IAC5BC,KAAK,EAAC,cAAc;IACpBC,IAAI,EAAC,YAAY;IAChBC,QAAM,EAAEC,MAAA,CAAAC,YAAY;IACrB,kBAAgB,EAAC,SAAS;IAC1B,YAAU,EAAC,SAAS;IACpB,mBAAiB,EAAC;;IARxBC,OAAA,EAAAC,QAAA,CAUI,MAEM,C,0BAFNC,mBAAA,CAEM;MAFDP,KAAK,EAAC;IAAM,IACfO,mBAAA,CAAmC;MAA9BC,GAAgB,EAAhBhB,UAAgB;MAACiB,GAAG,EAAC;6BAE1Bb,YAAA,CAA2Cc,uBAAA;MAA7BC,KAAK,EAAC;IAAG;MAb7BN,OAAA,EAAAC,QAAA,CAa8B,MAAIM,MAAA,QAAAA,MAAA,OAblCC,gBAAA,CAa8B,MAAI,E;MAblCC,CAAA;QAcMlB,YAAA,CAIcmB,sBAAA;MAJDJ,KAAK,EAAC;IAAG;MACTK,KAAK,EAAAV,QAAA,CAAC,MAAIM,MAAA,QAAAA,MAAA,OAf7BC,gBAAA,CAeyB,MAAI,E;MAf7BR,OAAA,EAAAC,QAAA,CAgBQ,MAA6C,CAA7CV,YAAA,CAA6Cc,uBAAA;QAA/BC,KAAK,EAAC;MAAK;QAhBjCN,OAAA,EAAAC,QAAA,CAgBkC,MAAIM,MAAA,QAAAA,MAAA,OAhBtCC,gBAAA,CAgBkC,MAAI,E;QAhBtCC,CAAA;UAiBQlB,YAAA,CAA6Cc,uBAAA;QAA/BC,KAAK,EAAC;MAAK;QAjBjCN,OAAA,EAAAC,QAAA,CAiBkC,MAAIM,MAAA,QAAAA,MAAA,OAjBtCC,gBAAA,CAiBkC,MAAI,E;QAjBtCC,CAAA;;MAAAA,CAAA;QAmBMlB,YAAA,CAAoDc,uBAAA;MAAtCC,KAAK,EAAC,GAAG;MAACM,QAAQ,EAAR;;MAnB9BZ,OAAA,EAAAC,QAAA,CAmBuC,MAAIM,MAAA,QAAAA,MAAA,OAnB3CC,gBAAA,CAmBuC,MAAI,E;MAnB3CC,CAAA;QAoBMlB,YAAA,CAA2Cc,uBAAA;MAA7BC,KAAK,EAAC;IAAG;MApB7BN,OAAA,EAAAC,QAAA,CAoB8B,MAAIM,MAAA,QAAAA,MAAA,OApBlCC,gBAAA,CAoB8B,MAAI,E;MApBlCC,CAAA;kCAqBMP,mBAAA,CAEM;MAFDP,KAAK,EAAC;IAAI,IACbO,mBAAA,CAA+B;MAA1BC,GAAc,EAAdf,UAAc;MAACgB,GAAG,EAAC;;IAtBhCK,CAAA;mEAyBIP,mBAAA,CAAmB;IAAdP,KAAK,EAAC;EAAK,4B","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |