|  |  | 
 |  |  | <template> | 
 |  |  |   <div class="mine-page-top-view"> | 
 |  |  |     <slot name="avatar"></slot> | 
 |  |  |     <div class="setting-wrapper" v-if="showUserHomePageBtn" @click=""> | 
 |  |  |     <div class="setting-wrapper" v-if="showUserHomePageBtn" @click="goMineCurriculumVitae"> | 
 |  |  |       <div class="setting-text"> | 
 |  |  |         我的简历<IconFont name="rect-right" size="16" color="#6D6E6E"></IconFont> | 
 |  |  |       </div> | 
 |  |  | 
 |  |  | <script setup lang="ts"> | 
 |  |  | import { useUser } from '@/hooks'; | 
 |  |  | import Taro from '@tarojs/taro'; | 
 |  |  | import { RouterPath } from '@/constants'; | 
 |  |  |  | 
 |  |  | defineOptions({ | 
 |  |  |   name: 'UserHomeTopView', | 
 |  |  | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | const { userDetail } = useUser(); | 
 |  |  |  | 
 |  |  | function goMineCurriculumVitae() { | 
 |  |  |   Taro.navigateTo({ | 
 |  |  |     url: RouterPath.mineCurriculumVitae, | 
 |  |  |   }); | 
 |  |  | } | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | <style lang="scss"> | 
 |  |  | 
 |  |  |   margin-bottom: 20px; | 
 |  |  |  | 
 |  |  |   .setting-wrapper { | 
 |  |  |     align-self: center; | 
 |  |  |     align-self: flex-start; | 
 |  |  |     display: flex; | 
 |  |  |     align-items: center; | 
 |  |  |     margin-top: 8px; | 
 |  |  |     margin-right: calc(boleGetCssVar('size', 'body-padding-h') * -1); | 
 |  |  |  | 
 |  |  |     .setting-text { | 
 |  |  |       font-weight: 400; | 
 |  |  |       font-size: 28px; | 
 |  |  |       line-height: 40px; | 
 |  |  |       display: flex; | 
 |  |  |       align-items: center; | 
 |  |  |       color: boleGetCssVar('text-color', 'primary'); |