| | |
| | | <template> |
| | | <PageLayoutWithBg class="mine-page-wrapper" :need-auth="false"> |
| | | <PageLayoutWithBg class="mine-page-wrapper" title="我的" :need-auth="false"> |
| | | <template #navigationBar> |
| | | <TransparentNavigationBar |
| | | title="个人中心" |
| | |
| | | <div class="user-info-auth-item"> |
| | | <div class="user-info-unCertified" v-if="isCertified"> |
| | | <div class="user-info-unCertified-text">未实名</div> |
| | | <div class="user-info-unCertified-btn">立即实名</div> |
| | | <div class="user-info-unCertified-btn" @click.stop="goAuthentication"> |
| | | 立即实名 |
| | | </div> |
| | | </div> |
| | | <div class="user-info-unCertified" v-else @click.stop="goAuthentication"> |
| | | <div class="user-info-unCertified" v-else> |
| | | <img :src="IconAuth" class="user-info-unCertified-icon" /> |
| | | <div class="user-info-unCertified-text">已实名</div> |
| | | </div> |
| | |
| | | <div class="user-info-auth-item"> |
| | | <div class="user-info-unCertified" v-if="!isCertified"> |
| | | <div class="user-info-unCertified-text">未认证</div> |
| | | <div class="user-info-unCertified-btn">立即认证</div> |
| | | <div class="user-info-unCertified-btn" @click.stop="goAuthentication"> |
| | | 立即认证 |
| | | </div> |
| | | </div> |
| | | <div class="user-info-unCertified" v-else @click.stop="goAuthentication"> |
| | | <div class="user-info-unCertified" v-else> |
| | | <img :src="IconAuth" class="user-info-unCertified-icon" /> |
| | | <div class="user-info-unCertified-text">已认证</div> |
| | | </div> |
| | |
| | | </UserHomeTopView> |
| | | </ContentView> |
| | | <ContentScrollView v-if="isLogin" class="mine-content-scroll-view"> |
| | | <List class="mine-list-wrapper mine-balance"> |
| | | <!-- <List class="mine-list-wrapper mine-balance"> |
| | | <div class="mine-balance-title">我的余额</div> |
| | | <div class="mine-balance-money">¥{{ toThousand(100) }}</div> |
| | | <div class="mine-balance-btn"> |
| | | 进入我的钱包 |
| | | <img :src="IconArrow" class="mine-balance-btn-icon" /> |
| | | </div> |
| | | </List> |
| | | </List> --> |
| | | <List class="mine-list-wrapper mine-order-list"> |
| | | <div class="mine-order-list-title"> |
| | | <div class="mine-order-list-title-text">我的订单</div> |
| | |
| | | </div> |
| | | </List> |
| | | <List class="mine-list-wrapper mine-setting-list"> |
| | | <ListItem :icon="IconSetting" title="我收藏的任务" @click="goMineCollectTask"></ListItem> |
| | | <ListItem :icon="IconSetting" title="协议签约" @click="goMineAgreementSign"></ListItem> |
| | | <ListItem :icon="IconCollect" title="我收藏的任务" @click="goMineCollectTask"></ListItem> |
| | | <ListItem :icon="IconAgreement" title="协议签约" @click="goMineAgreementSign"></ListItem> |
| | | <ListItem :icon="IconSetting" title="设置" @click="goSetting"></ListItem> |
| | | <ListItem :icon="IconSetting" title="我要招人/用人" @click="goSetting"></ListItem> |
| | | <!-- <ListItem :icon="IconRecruit" title="我要招人/用人" @click="goSetting"></ListItem> --> |
| | | </List> |
| | | </ContentScrollView> |
| | | </PageLayoutWithBg> |
| | |
| | | import { TransparentNavigationBar, ContentScrollView, UserHomeTopView } from '@/components'; |
| | | import IconArrow from '@/assets/setting/icon-arrow.png'; |
| | | import IconSetting from '@/assets/mine/icon-setting.png'; |
| | | import IconCollect from '@/assets/mine/icon-collect.png'; |
| | | import IconAgreement from '@/assets/mine/icon-agreement.png'; |
| | | import IconRecruit from '@/assets/mine/icon-recruit.png'; |
| | | import IconOrderSign from '@/assets/mine/icon-order-sign.png'; |
| | | import IconOrderHire from '@/assets/mine/icon-order-hire.png'; |
| | | import IconOrderCancel from '@/assets/mine/icon-order-cancel.png'; |
| | |
| | | .mine-setting-badge { |
| | | margin-right: 20px; |
| | | } |
| | | |
| | | .mine-setting-list { |
| | | .pro-list-item-icon { |
| | | width: 48px; |
| | | height: 48px; |
| | | } |
| | | } |
| | | </style> |