可点击样式添加

This commit is contained in:
2023-08-08 17:44:45 +08:00
parent 9856012e03
commit 7d047867bf
4 changed files with 41 additions and 3 deletions

View File

@@ -48,7 +48,8 @@
<div class="tool-btn-box dis-f al-item">
<div class="btn-s dis-f al-item jus-x" @click="operation">
<img src="../../assets/img/detail/collect.png" v-show="!data.data.isfav" class="img" alt="">
<img src="../../assets/img/detail/collectT.png" v-show="data.data.isfav" class="img" alt="">
<img src="../../assets/img/detail/collectT.png" v-show="!data.data.isfav" class="img-mouse" alt="">
<img src="../../assets/img/detail/collectT.png" v-show="data.data.isfav" class="img-t" alt="">
<span class="mg-l-5">
{{ data.data.isfav ? data['data']['info'].count_fav : '收藏' }}
</span>
@@ -57,7 +58,7 @@
</div>
<div class="btn-s dis-f al-item jus-x">
<img src="../../assets/img/detail/forward.png" class="img" alt="">
<img src="../../assets/img/detail/forward.png" class="img-t" alt="">
<span class="mg-l-5">
转发
</span>
@@ -298,6 +299,16 @@ img {
margin-left: 5px;
}
.btn-s:hover .img-mouse{
display: block;
}
.btn-s:hover .img{
display: none;
}
.btn-s:hover{
color:#000;
}
.btn-s {
color: #333333;
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
@@ -309,9 +320,21 @@ img {
line-height: 40px;
cursor: pointer;
.img-mouse{
width: 20px;
height: 20px;
opacity:0.4;
display: none;
}
.img {
width: 20px;
height: 20px;
display: block;
}
.img-t {
width: 20px;
height: 20px;
display: block;
}
}