优化代码,修改荣誉没出来的bug
This commit is contained in:
parent
c9a574f588
commit
9fea70b5b7
@ -150,10 +150,10 @@ a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
/deep/ img {
|
// /deep/ img {
|
||||||
transition: all 0.5s;
|
// transition: all 0.5s;
|
||||||
transform: scale(1.1);
|
// transform: scale(1.1);
|
||||||
}
|
// }
|
||||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -170,6 +170,15 @@ a {
|
|||||||
margin: auto;
|
margin: auto;
|
||||||
margin-bottom: 80px !important;
|
margin-bottom: 80px !important;
|
||||||
|
|
||||||
|
.el-image {
|
||||||
|
&:hover {
|
||||||
|
/deep/ img {
|
||||||
|
transform: scale(1.1);
|
||||||
|
transition: all 0.5s;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.title-box {
|
.title-box {
|
||||||
margin-bottom: 50px !important;
|
margin-bottom: 50px !important;
|
||||||
h2 {
|
h2 {
|
||||||
|
@ -11,7 +11,7 @@
|
|||||||
:key="i"
|
:key="i"
|
||||||
>
|
>
|
||||||
<a target="_blank" :href="buildUrl(el.src)">
|
<a target="_blank" :href="buildUrl(el.src)">
|
||||||
<el-image :src="buildUrl(el.src)" style="height:560px" />
|
<el-image :src="buildUrl(el.src)" lazy style="height:560px" />
|
||||||
</a>
|
</a>
|
||||||
</el-card>
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
@ -27,7 +27,7 @@
|
|||||||
:key="i"
|
:key="i"
|
||||||
>
|
>
|
||||||
<a target="_blank" :href="buildUrl(el.src)">
|
<a target="_blank" :href="buildUrl(el.src)">
|
||||||
<el-image :src="buildUrl(el.src)" lazy style="height:300px" />
|
<el-image :src="el.src" lazy style="height:300px" />
|
||||||
</a>
|
</a>
|
||||||
</el-card>
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
|
Reference in New Issue
Block a user