fix:1、我的学习增加返回按钮
This commit is contained in:
@@ -25,6 +25,25 @@ layout("/layouts/platform_h5.html"){
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: rgba(255, 255, 255, .08);
|
background: rgba(255, 255, 255, .08);
|
||||||
}
|
}
|
||||||
|
.my-study-back {
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
left: 8px;
|
||||||
|
z-index: 2;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 38px;
|
||||||
|
height: 38px;
|
||||||
|
border-radius: 50%;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
background: rgba(15, 23, 42, .22);
|
||||||
|
color: #ffffff;
|
||||||
|
font: inherit;
|
||||||
|
font-size: 24px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
.my-study-status {
|
.my-study-status {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -234,6 +253,9 @@ layout("/layouts/platform_h5.html"){
|
|||||||
|
|
||||||
<div id="app" class="my-study-page" v-cloak>
|
<div id="app" class="my-study-page" v-cloak>
|
||||||
<div class="my-study-hero">
|
<div class="my-study-hero">
|
||||||
|
<button type="button" class="my-study-back" @click="historyBack()" aria-label="返回上一页">
|
||||||
|
<van-icon name="arrow-left"></van-icon>
|
||||||
|
</button>
|
||||||
<div class="my-study-status">
|
<div class="my-study-status">
|
||||||
<div class="my-study-time">
|
<div class="my-study-time">
|
||||||
累计学习时长 <strong>{{ summary.studyHour || 0 }}</strong> 小时 <strong>{{ summary.studyMinute || 0 }}</strong> 分钟
|
累计学习时长 <strong>{{ summary.studyHour || 0 }}</strong> 小时 <strong>{{ summary.studyMinute || 0 }}</strong> 分钟
|
||||||
|
|||||||
Reference in New Issue
Block a user