|  |  | 
 |  |  | const titles: Ref<Title[]> = ref([]); | 
 |  |  | const renderTitles = (vnodes: VNode[]) => { | 
 |  |  |   vnodes.forEach((vnode: VNode, index: number) => { | 
 |  |  |     let type = vnode.type; | 
 |  |  |     let type = vnode?.type; | 
 |  |  |     type = (type as any).name || type; | 
 |  |  |     if (type === 'nut-tab-pane' || type === 'ProTabPane') { | 
 |  |  |       let title = new Title(); | 
 |  |  | 
 |  |  |       width: auto; | 
 |  |  |       margin-right: 78rpx; | 
 |  |  |       flex-direction: column; | 
 |  |  |       font-size: 26rpx; | 
 |  |  |       color: boleGetCssVar('text-color', 'secondary'); | 
 |  |  |       font-size: 30rpx; | 
 |  |  |       color: boleGetCssVar('text-color', 'regular'); | 
 |  |  |       align-items: center; | 
 |  |  |       transition: all 0.3s ease; | 
 |  |  |       min-width: 0; | 
 |  |  | 
 |  |  |       } | 
 |  |  |  | 
 |  |  |       .nut-tabs__titles-item__text { | 
 |  |  |         font-size: 28rpx; | 
 |  |  |         font-size: 30rpx; | 
 |  |  |         color: boleGetCssVar('text-color', 'regular'); | 
 |  |  |         line-height: 40rpx; | 
 |  |  |       } | 
 |  |  |  | 
 |  |  |       &.active { | 
 |  |  |         color: #222; | 
 |  |  |         font-weight: 700; | 
 |  |  |         color: boleGetCssVar('color', 'primary'); | 
 |  |  |         font-weight: normal; | 
 |  |  |         font-size: 30rpx; | 
 |  |  |  | 
 |  |  |         .nut-tabs__sub-titles-item__text { | 
 |  |  | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         .nut-tabs__titles-item__text { | 
 |  |  |           color: boleGetCssVar('text-color', 'primary'); | 
 |  |  |           color: boleGetCssVar('color', 'primary'); | 
 |  |  |         } | 
 |  |  |       } | 
 |  |  |  | 
 |  |  | 
 |  |  |       .nut-tabs__titles-item__line { | 
 |  |  |         //   width: 100%; | 
 |  |  |         background: boleGetCssVar('color', 'primary'); | 
 |  |  |         bottom: 0; | 
 |  |  |         bottom: 20rpx; | 
 |  |  |         height: 4rpx; | 
 |  |  |         max-width: 40rpx; | 
 |  |  |       } |