添加返回图标

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,6 @@
<template> <template>
<view class="follow-info-page"> <view class="follow-info-page">
<page-title :showBack="true">关注列表</page-title>
<u-toast ref="messager"></u-toast> <u-toast ref="messager"></u-toast>
<view class="ub-content"> <view class="ub-content">
<view> <view>

View File

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

View File

@@ -1,5 +1,8 @@
<template> <template>
<view style="background: #F9F9F9;"> <view style="background: #F9F9F9;position: relative;">
<view class="back-icon" >
<u-icon name="arrow-left" @click="goBack"></u-icon>
</view>
<view class="ubtop" style="background-color: #fff;"> <view class="ubtop" style="background-color: #fff;">
<view class="ub-heard"> <view class="ub-heard">
我的u币 我的u币
@@ -54,7 +57,10 @@
this.getlist(); this.getlist();
this.getLevel() this.getLevel()
}, },
methods: { methods: {
goBack(){
uni.navigateBack();
},
jumrules(){ jumrules(){
uni.navigateTo({ uni.navigateTo({
url:'/pages/my/myubrules' url:'/pages/my/myubrules'
@@ -62,7 +68,6 @@
}, },
getlist() { getlist() {
apiStat.userCoinList(this.userInfo.aid, 7).then(res => { apiStat.userCoinList(this.userInfo.aid, 7).then(res => {
console.log(res);
if (res.status == 200) { if (res.status == 200) {
this.uCoinRecord = []; this.uCoinRecord = [];
for (let key in res.result.uCoinRecord) { for (let key in res.result.uCoinRecord) {
@@ -88,6 +93,14 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.back-icon{
position: absolute;
top:110upx;
left:40upx;
/deep/ .uicon-arrow-left{
color: #fff !important;
}
}
.ub-list { .ub-list {
height: 100%; height: 100%;
padding: 32upx 36upx; padding: 32upx 36upx;

View File

@@ -1,5 +1,8 @@
<template> <template>
<view style="background: #F0D8B0;width: 100%;"> <view style="background: #F0D8B0;width: 100%;position: relative;">
<view class="back-icon" >
<u-icon name="arrow-left" @click="goBack"></u-icon>
</view>
<view class="myub-top"> <view class="myub-top">
<view class="ub-content"> <view class="ub-content">
<view class="ub-heard"> <view class="ub-heard">
@@ -235,6 +238,9 @@
this.ubtab(1); this.ubtab(1);
}, },
methods: { methods: {
goBack(){
uni.navigateBack();
},
ubtab(num){ ubtab(num){
this.tab = num; this.tab = num;
if(num == 1){ if(num == 1){
@@ -251,6 +257,11 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.back-icon{
position: absolute;
top:110upx;
left:40upx;
}
.lsitbox-info{ .lsitbox-info{
display:flex ; display:flex ;
width: 100%; width: 100%;

View File

@@ -1,5 +1,8 @@
<template> <template>
<view class="ranking-list-info"> <view class="ranking-list-info">
<view class="back-icon" @click="back()">
<u-icon name="arrow-left"></u-icon>
</view>
<view class="ranking-list-box"> <view class="ranking-list-box">
<u-tabs :list="tabList" @click="clickTabs" <u-tabs :list="tabList" @click="clickTabs"
lineColor="#007DFF" lineColor="#007DFF"
@@ -208,6 +211,9 @@
}, },
methods:{ methods:{
back(){
uni.navigateBack();
},
clickTabs(item) { clickTabs(item) {
this.activeTab = item.index; this.activeTab = item.index;
}, },
@@ -337,6 +343,15 @@
padding-top: 376upx; padding-top: 376upx;
background: url(../../static/images/ranking-list.png) no-repeat 100% / 100%; background: url(../../static/images/ranking-list.png) no-repeat 100% / 100%;
background-position: 0 0; background-position: 0 0;
position: relative;
.back-icon{
position: absolute;
top:110upx;
left:40upx;
/deep/ .uicon-arrow-left{
color: #fff !important;
}
}
.ranking-list-box{ .ranking-list-box{
padding: 34upx 40upx; padding: 34upx 40upx;
border-radius: 40upx 40upx 0 0; border-radius: 40upx 40upx 0 0;