| | |
| | | <template>
|
| | | <view>
|
| | | <div class="box">
|
| | | <div class="box_info" :style="{background: 'url(' + img + ')'}">
|
| | | <image :src="userInfo.avatar ? userInfo.avatar : avatar" mode="widthFix" />
|
| | | <!-- :style="{background: 'url(' + img + ')'}" -->
|
| | | <div class="box_info">
|
| | | <image :src="avatar" mode="widthFix" />
|
| | | <div class="box_info_box">
|
| | | <text>{{userInfo.realname}}</text>
|
| | | <div class="box_info_box_x" @click="switchOrganization">
|
| | |
| | | <image src="@/static/mine_ic_change@2x.png" alt="" />
|
| | | </div>
|
| | | </div>
|
| | | <image class="bg" src="@/static/mine_bg@2x.png" mode="widthFix"></image>
|
| | | </div>
|
| | | <div class="box_function">
|
| | | <div class="box_function_item" v-for="(item, index) in MENU" :key="index" @click="jump(item.url)">
|
| | |
| | | align-items: center;
|
| | | background-repeat: no-repeat;
|
| | | background-size: cover;
|
| | | position: relative;
|
| | | image {
|
| | | width: 88rpx;
|
| | | height: 88rpx;
|
| | | }
|
| | | .bg {
|
| | | width: 100%;
|
| | | height: 168rpx;
|
| | | position: absolute;
|
| | | top: 0;
|
| | | left: 0;
|
| | | z-index: -1;
|
| | | }
|
| | | .box_info_box {
|
| | | height: 88rpx;
|
| | |
| | | width: 350rpx;
|
| | | height: 88rpx;
|
| | | background: #F7F7F7;
|
| | | border-radius: 8rpx;
|
| | | border-radius: 44rpx;
|
| | | display: flex;
|
| | | align-items: center;
|
| | | justify-content: center;
|