diff --git a/src/views/WhView.vue b/src/views/WhView.vue index 6361e4b..c96550d 100644 --- a/src/views/WhView.vue +++ b/src/views/WhView.vue @@ -146,13 +146,19 @@ } .jgbox .jgcon .jgitem .jgimg { - margin-left: auto; - margin-right: auto; + height: 5rem; text-align: center; + float: left; + overflow: hidden; /* 动画效果 */ -webkit-animation: ani_sc 8s infinite forwards; animation: ani_sc 8s infinite forwards; } + +.jgbox .jgcon .jgitem .jgimg img{ + width: 100%; + height: 100%; +} /** 呼吸效果 */ @keyframes ani_sc { 0%{ @@ -170,19 +176,24 @@ .jgbox .jgcon .jgitem span { display: block; text-align: center; - height: 1.8rem; - line-height: 1.8rem; + height: 1.6rem; + line-height: 1.6rem; } .jgbox .jgcon .jgitem .jgival { font-size: 1.06rem; font-weight: bold; /* 动画效果 */ - -webkit-animation: ani_sc 5s infinite forwards; - animation: ani_sc 5s infinite forwards; + -webkit-animation: ani_sc 6s infinite; + animation: ani_sc 6s infinite; +} +.jgbox .jgcon .jgitem .jgival::after{ + content: ""; + } .jgbox .jgcon .jgitem .jgdesc { + margin-top: 75%; color: #666; font-size: 0.8rem; } @@ -685,11 +696,13 @@ export default { value: 323, }, ]; + // 值颜色 let valueColor = [ { color1: '#15224C', color2: '#FF0042', unit: ' 人 '}, { color1: '#15224C', color2: '#FED700', unit: ' 册 '}, { color1: '#15224C', color2: '#00FEC5', unit: ' 册 '} ] + // 前缀图标 var libraryIcons = { 'Lend': '/img/wh_right1.png', 'Still': '/img/wh_right2.png',