XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

可点击样式修改

Browse Source
This commit is contained in:
luJianJun
2023-08-08 18:31:20 +08:00
parent ce5e42d668
commit 8cea7d4670
1 changed files with 69 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/views/detail.vue
View File

@@ -53,10 +53,15 @@
</div>
<div class="dis-f al-item">
<div class="tool-btn dis-f al-item jus-x">
<div class="dis-f al-item" @click="setOperation">
<div class="dis-f al-item fav-btn" @click="setOperation">
<div class="pos-r" style="width:20px;height:20px;">
<img src="../assets/img/detail/collect.png"
v-show="housingInfo['data'] && !housingInfo['data'].isfav"
class="tool-icon" alt="">
class="fav-img fav-img-t" alt="">
<img src="../assets/img/detail/collectT.png"
v-show="housingInfo['data'] && !housingInfo['data'].isfav"
class="fav-img fav-img-f" alt="">
</div>
<img src="../assets/img/detail/collectT.png"
v-show="housingInfo['data'] && housingInfo['data'].isfav"
class="tool-icon" alt="">
@@ -790,7 +795,8 @@
</div>
<div class="body-maxWidth" v-if="publisherList.length > 0">
<div style="margin-top:15px;display: flex;flex-wrap: wrap;margin-bottom: 50px;width:876px">
<biserialItem v-for="(item, i) in publisherList" :detailShow="true" :key="i" :item="item" v-show="item&&item.verified">
<biserialItem v-for="(item, i) in publisherList" :detailShow="true" :key="i" :item="item"
v-show="item && item.verified">
</biserialItem>
</div>
</div>
@@ -1961,6 +1967,7 @@ img {
.top-contact-btn {
width: 200px !important;
}
.contact-btn:hover {
background: -webkit-linear-gradient(0, rgba(168, 209, 247, 1) -4%, rgba(213, 232, 249, 1) 102%);
background: -moz-linear-gradient(0, rgba(168, 209, 247, 1) -4%, rgba(213, 232, 249, 1) 102%);
@@ -2061,6 +2068,18 @@ img {
width: 210px;
}
.fav-btn{
}
.fav-btn:hover .fav-img-f{
opacity: 0.4;
}
.fav-btn:hover .fav-img-t{
opacity:0;
}
.tool-btn {
width: 199px;
height: 48px;
@@ -2077,6 +2096,22 @@ img {
font-size: 14px;
cursor: pointer;
.fav-img{
width: 20px;
height:20px;
position: absolute;
top:0;
left:0;
transition: all linear 0.2s;
}
.fav-img-f{
opacity:0;
}
.fav-img-t{
opacity:1;
}
.tool-icon {
width: 20px;
height: 20px;
@@ -2433,6 +2468,7 @@ img {
flex-shrink: 0;
position: relative;
}
.img:hover {
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);