|
@@ -220,7 +220,7 @@ export default {
|
|
|
bottom: 0; /* 根据你切图的空白区域自行微调,比如 calc(var(--s) * 5px) */
|
|
bottom: 0; /* 根据你切图的空白区域自行微调,比如 calc(var(--s) * 5px) */
|
|
|
left: 50%;
|
|
left: 50%;
|
|
|
transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
|
- width: 90%; /* 根据切图实际比例微调大小 */
|
|
|
|
|
|
|
+ width: 70%; /* 根据切图实际比例微调大小 */
|
|
|
height: auto;
|
|
height: auto;
|
|
|
object-fit: contain;
|
|
object-fit: contain;
|
|
|
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
@@ -235,8 +235,8 @@ export default {
|
|
|
.icon-img {
|
|
.icon-img {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
bottom: calc(var(--s) * 50px); /* 浮在光圈上方,根据切图微调 */
|
|
bottom: calc(var(--s) * 50px); /* 浮在光圈上方,根据切图微调 */
|
|
|
- width: 80%;
|
|
|
|
|
- height: 80%;
|
|
|
|
|
|
|
+ width: 50%;
|
|
|
|
|
+ height: 50%;
|
|
|
object-fit: contain;
|
|
object-fit: contain;
|
|
|
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
|
z-index: 2;
|
|
z-index: 2;
|