| | |
|---|
| | | <template>
|
|---|
| | | <view>
|
|---|
| | | <div class="box">
|
|---|
| | | <!-- :style="{background: 'url(' + img + ')'}" -->
|
|---|
| | | <div class="box_info">
|
|---|
| | | <div class="box_info" :style="{background: 'url(' + img + ')'}">
|
|---|
| | | <image :src="avatar" mode="widthFix" />
|
|---|
| | | <div class="box_info_box">
|
|---|
| | | <text>{{userInfo.realname}}</text>
|
|---|
| | |
|---|
| | | <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;
|
|---|
