updated

src/main/resources/static/css/article/article.css

@@ -178,10 +178,12 @@ dl,dd,dt{zoom:1}
 	.content .row:nth-last-child(1){border-bottom:0}
 	/*信息平台banner*/
 	.info-banner {width: fit-content;box-sizing: border-box;display: flex;justify-content: space-between;}
-	.info-banner .banner {width: 514px;margin-right: 10px;height: 384px;margin-bottom: 16px;}
+	.info-banner .banner {width: 514px;margin-right: 10px;height: 384px;margin-bottom: 16px;overflow: hidden;}
 	.info-banner .sider-banner {width: 360px;display: flex;flex-direction: column;}
-	.info-banner .sider-banner div {height: 186px;}
+	.info-banner .sider-banner div {height: 186px;overflow: hidden;}
 	.info-banner .sider-banner div:nth-child(2) {margin-top: 10px;}
+	.info-banner img {-webkit-transition: all 0.2s;-moz-transition: all 0.2s;}
+	.info-banner img:hover {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
 	.info-Notice {width: 284px;background: #fff;float: right;height: 384px;margin-bottom: 16px;}
 	.info-Notice .notice-title {display: flex;justify-content: space-between;box-sizing: border-box;height: 48px;padding: 14px 16px;}
 	.info-Notice .notice-title div:nth-child(1) {font-size: 16px;font-weight: bold;color: #333333;}
@@ -331,11 +333,12 @@ dl,dd,dt{zoom:1}
 	.dea-tag a{display:inline-block;color:#fff;height:32px;line-height:32px;padding:0 12px;background:#FF5B00;text-align:center;border-radius:4px;margin-right:15px;cursor:pointer;margin-bottom: 10px}
 	.article .like:hover{background: #ffe6dc}
 	/*ross广告图*/
-	.article-right-ross{width:284px;height:343px;float: right; background: #F3920D;text-align: center;line-height: 343px;font-size: 50px;color: #FFFFFF;border-radius: 2px;margin-bottom: 16px;}
+	.article-right-ross{width:284px;height:343px;float: right; background: #F3920D;text-align: center;line-height: 343px;font-size: 50px;color: #FFFFFF;border-radius: 2px;margin-bottom: 16px;overflow: hidden;}
 	.article-right-ross.none{display: none;}
 	.article-right-ross.show{display: block;}
 	.article-right-ross>a{width: 100%;height: 100%;display: block;border-radius: 2px;}
-	.article-right-ross>a img{width: 100%;height: 100%;display: block;border-radius: 2px;}
+	.article-right-ross>a img{width: 100%;height: 100%;display: block;border-radius: 2px;transition: all 0.2s;}
+	.article-right-ross>a img:hover {transform: scale(1.1);}
 	/*ross宣传弹窗*/
 	.ross-banner-fiexd{width: 100%;height: 260px;position: fixed;z-index: 999;background: url("/img/ross/ross-bg@1x.png")center no-repeat;left: 0;right: 0;bottom: -260px;box-sizing: border-box;padding: 0 180px;opacity: 0;}
 	.ross-banner-fiexd.active{animation: rundbottom 1s backwards;bottom: 0;opacity: 1;}

src/main/resources/templates/index.html

@@ -15,7 +15,7 @@
     <link rel="stylesheet" href="https://unpkg.zhimg.com/element-ui@2.15.13/lib/theme-chalk/index.css" />
     <link rel="stylesheet" href="/lib/element-ui/element-ui-min.css" />
     <!--vant css-->
-    <link rel="stylesheet" href="/lib/element-ui/index.css" />
+    <link rel="stylesheet" href="/lib/vant/index.css" />
     <template th:replace="components/analysis"></template>
 </head>
 
@@ -642,7 +642,7 @@
     <!-- 引入底部 -->
     <template th:replace="components/footer"></template>
     <template th:replace="components/foot-link"></template>
-    <script type="text/javascript" src="/lib/element-ui/vant.min.js"></script>
+    <script type="text/javascript" src="/lib/vant/vant.min.js"></script>
     <script type="text/javascript" src="/lib/element-ui/element-ui.min.js"></script>
     <script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/product.service.js(v=${version})}"></script>
     <script charset="utf-8" type="text/javascript" th:src="@{/js/mixins/cmsMixins.js(v=${version})}"></script>
@@ -650,4 +650,4 @@
     <script charset="utf-8" type="text/javascript" th:src="@{/js/index.js(v=${version})}"></script>
 </body>
 
-</html>
+</html>