Merge branch 'master' of http://116.63.33.55/git/nazw

nngkxxdp/src/main/resources/static/xmtjz/css/conmon.css

@@ -63,4 +63,8 @@ a{
     background: rgba(0, 0, 0, 0.7);
     position: absolute;
     z-index: 998;
+}
+
+.select-hand {
+    cursor:pointer;
 }

nngkxxdp/src/main/resources/static/xmtjz/index.html

@@ -109,13 +109,12 @@
         <div class="shuaxin">
             <i class="iconfont ">&#xe613;</i>
         </div>
-        <div class="huan">
+        <div class="huan select-hand" onclick="getHotRecommend()">
             换一换
         </div>
     </div>
     <div class="zhong" id="hotZhong">
 
-
     </div>
 </div>
 <div class="cont-width third">
@@ -317,7 +316,6 @@
 <script src="layui/layui.all.js"></script>
 <script src="js/jquery-3.5.1.min.js"></script>
 <script src="js/index.js"></script>
-
 <script>
     // 热点
     var hotList = []
@@ -427,6 +425,7 @@
         $(this).removeClass('hover');
     })
 </script>
+
 <script>
     // 获取热点推荐
     function getHotRecommend() {
@@ -443,26 +442,11 @@
         }
         var hotHtml = ""
         hotData.forEach((item) => {
-            hotHtml += "<div class=\"mokuai1\">" +
-                "<div class=\"top\">" + item.title + "</div>" +
-                "<div class=\"center\">" +
-                "<div class=\"left\">" + item.nowTime + "</div>" +
-                "<div class=\"right\">" +
-                "<img src=\"images/ef-redian-gongju.png\"></img>" +
-                "<p>10w+</p>" +
-                "</div>" +
-                "</div>" +
-                "<div class=\"border\"></div>" +
-                "<div class=\"bottom\">" +
-                "<img class=\"left\" src='" + getHotLogo(item.officialAccount) + "'></img>" +
-                "<div class=\"center\">" + item.officialAccount + "</div>" +
-                "<img class=\"right\" src=\"images/erweima.png\"></img>" +
-                "</div>" +
-                "</div>"
+            hotHtml += `<div onclick="openUrl('${item.url}')" class="mokuai1 select-hand"><div class="top">${item.title}</div><div class="center"><div class="left">${item.nowTime}</div><div class="right"></div></div><div class="border"></div><div class="bottom"><img class="left" src="${getHotLogo(item.officialAccount)}"></img><div class="center">${item.officialAccount}</div><img class="right" src="images/erweima.png"></div></div>`
         });
         hotHtml += "<div class=\"codeBig code2\" style=\"display: none;position: absolute;z-index: 11;\">" +
-            "<div style=\"font-weight: bold;\">南岸健康卫士</div>" +
-            "<img src=\"images/code-big.png\" alt=\"\">" +
+            "<div style=\"font-weight: bold;\" id=\"hoverHotTitle\"></div>" +
+            "<img id=\"hoverHotImg\" src=\"images/code-big.png\" alt=\"\">" +
             "<div style=\"display: flex;align-items: center;\">" +
             "<div class=\"line\"></div>" +
             "<div>扫码关注</div>" +
@@ -471,26 +455,36 @@
             "</div>"
         $("#hotZhong").html(hotHtml)
 
+        // 南岸区政务新媒体发布中心二维码hover事件
+        var codeSrc = '';
+        var mediaTitle = ['重庆市南岸区人民政府', '广阳湾智创生态城', '南岸文旅', '南岸健康卫士', '南岸公安', '重庆南岸消防'];
+        var mediaImg = ['images/naqrmzfewm.png', 'images/gywzcstc_qrcode.jpg', 'images/nawlewm.png', 'images/najkwsewm.png', 'images/nagaewm.png', 'images/naxfewm.png'];
         // 热点推荐二维码hover事件
         $('.second .bottom .right').mouseover(function () {
             $(this).addClass('hover');
             var tapsTitleLi = $('.second .bottom .right');
+            var hoverTitle = $('#hoverHotTitle');
+            var hoverImg = $('#hoverHotImg');
+            console.log('taps', tapsTitleLi)
             tapsTitleLi.each(function (index) {
                 var classStr = $(this).attr('class');
                 if (classStr && classStr.indexOf('hover') != -1) {
+                    hoverTitle[0].innerText = mediaTitle[hotIndexs[index]];
+                    hoverImg[0].setAttribute("src", mediaImg[hotIndexs[index]]);
                     $('.code2').css('left', ((index + 1) * 320) + 'px')
                 }
             });
+            codeSrc = $(this)[0].src;
             $('.code2').css('display', 'flex')
-            if ($(this)[0].src.indexOf('erweima.png') != -1) {
-                $(this).attr('src', 'images/erweima1.png');
+            if ($(this)[0].src.indexOf('code-c.png') != -1) {
+                $(this).attr('src', 'images/code-a.png');
             } else {
-                $(this).attr('src', 'images/erweima.png');
+                $(this).attr('src', 'images/code-c.png');
             }
         })
         $('.second .bottom .right').mouseout(function () {
+            $(this).attr('src', codeSrc);
             $('.code2').css('display', 'none')
-            $(this).attr('src', 'images/erweima.png');
             $(this).removeClass('hover');
         })
     }
@@ -539,4 +533,5 @@
     }
 </script>
 
+
 </html>