添加返回图标

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