https://statics.tvcbook.com/website/frontend/js/layout/header/components/helpMenu.js?=v1.2.640

1const helpMenu = {
2  template:`
3    <div id="helpMenu">
4      <div class=" flex justify-center items-center">
5        <a-dropdown @select="handleSelect" trigger="hover" class="help-menu w-full max-w-232">
6        <iconpark-icon name="icon-help" :color="darkMode?'#FFF':'#000'" class="h-9 text-22 cursor-pointer"></iconpark-icon>
7          <template #content>
8            <div class="pb-4.5 pt-1 px-2.5">
9              <div v-for="(item, index) in listItem" :key=index>
10                <a-doption>
11                  <a :href="item.href" :target="item.target" class="flex h-14 justify-between">
12                    <div class="flex items-center">
13                      <iconpark-icon name="icon-help" class="mr-3 text-22 cursor-pointer"></iconpark-icon>
14                      <p class="text-14 font-semibold text-main">{{ item.label }}</p>
15                    </div>
16                    <div class="flex items-center">
17                      <icon-right />
18                    </div>
19                  </a>
20                </a-doption>
21                <div class="w-full h-0.25 bg-info02 my-1"></div>
22              </div>
23              <div class="mt-3.75 px-3">
24                <p class="text-main">官方邮箱：</p>
25                <p class="text-main">[email protected]</p>
26              </div>
27            </div>
28          </template>
29        </a-dropdown>
30      </div>
31    </div>
32  `,
33  components: {
34
35  },
36  props: {
37    darkMode: {
38      type: Boolean,
39      default: false
40    },
41  },
42  setup(props, {emit}) {
43    const { ref, watch } = Vue;
44    const { useRouter } = VueRouter;
45    const router = useRouter();
46    const { basicApi } = settingsApi;
47    const listItem = ref([
48      {
49        label: '使用咨询',
50        href: 'https://work.weixin.qq.com/kfid/kfcbaf20f41c3bb4698',
51        target: '_blank'
52      },
53      {
54        label: '购买咨询',
55        href: 'https://work.weixin.qq.com/kfid/kfc70c2fcb08aacb451',
56        target: '_blank'
57      },
58      {
59        label: 'VIP专属客服',
60        href: 'https://work.weixin.qq.com/kfid/kfc8a72a9decdb96fd0',
61        target: '_blank'
62      },
63    ]);
64    const handleSelect = ()=>{
65
66    }
67    return{
68      router,
69      basicApi,
70      listItem,
71      handleSelect
72    }
73  }
74}