调整图像样式异常

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',