添加返回图标

This commit is contained in:
zhaofang
2022-11-23 18:18:00 +08:00
parent a77b5ec2cb
commit 3464c29e02
5 changed files with 59 additions and 5 deletions

View File

@@ -1,5 +1,8 @@
<template>
<view class="my-medal">
<view class="back-icon" @click="back()">
<u-icon name="arrow-left"></u-icon>
</view>
<view class="medal-img">
<u-avatar style="margin: 0 auto;" v-if="userInfo.avatar && userInfo.avatar!=''" shape="circle" :size="76" :src="userInfo.avatar" ></u-avatar>
<view v-else>
@@ -87,6 +90,9 @@
this.getConfig();
},
methods:{
back(){
uni.navigateBack();
},
getConfig() {// 获取勋章配置
apiStat.userMedalConfig().then(res=>{
if(res.status == 200) {
@@ -116,11 +122,19 @@
.my-medal{
background: url(../../static/images/me-bg.png) no-repeat 100% / 100%;
background-position: 0 0;
position: relative;
padding-top: 220upx;
/deep/ .u-popup__content{
border-radius: 16upx;
}
.back-icon{
position: absolute;
top:110upx;
left:40upx;
/deep/ .uicon-arrow-left{
color: #fff !important;
}
}
.medel-show-box{
position: relative;
background: url(../../static/images/show-bg.png) no-repeat 100% / 100%;