| 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 | | <template> |  |   <div class="query-menu-item"> |  |     <div class="query-menu-item-title"> |  |       <slot name="title"> |  |         {{ title }} |  |       </slot> |  |     </div> |  |     <slot></slot> |  |   </div> |  | </template> |  |   |  | <script setup lang="ts"> |  | defineOptions({ |  |   name: 'QueryMenuItem', |  | }); |  |   |  | type Props = { |  |   title?: string; |  | }; |  |   |  | const props = withDefaults(defineProps<Props>(), {}); |  | </script> |  |   |  | <style lang="scss"> |  | @import '@/styles/common.scss'; |  |   |  | .query-menu-item { |  |   margin-bottom: 34px; |  |   |  |   &:last-child { |  |     margin-bottom: 0; |  |   } |  |   |  |   .query-menu-item-title { |  |     font-size: 28px; |  |     color: #536077; |  |     line-height: 32px; |  |     margin-bottom: 30px; |  |   } |  | } |  | </style> | 
 |