南岸区政务新媒体发布厅

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

@@ -75,28 +75,15 @@
                 </li>
             </ul>
             <div class="codeBig code1" style="display: none;position: absolute;z-index: 11;">
-                <div style="font-weight: bold;">南岸健康卫士</div>
-                <img src="images/code-big.png" alt="">
+                <div id="hoverTitle" style="font-weight: bold;"></div>
+                <img id="hoverImg" src="images/code-big.png" alt="">
                 <div style="display: flex;align-items: center;">
                     <div class="line"></div>
                     <div>扫码关注</div>
                     <div class="line"></div>
                 </div>
             </div>
-            <div class="message messagetop">
-                <div style="background-image: url(images/m.jpg);" alt="" class="img">
-                    开幕！
-                </div>
-                <ul>
-                    <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
-                    <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
-                    <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
-                    <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
-                    <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
-                    <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
-                    <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
-                </ul>
-            </div>
+            <div class="message messagetop"></div>
         </div>
     </div>
     <div class="right" style="width: 477px;padding-left: 48px;">
@@ -331,8 +318,6 @@
 <script src="js/jquery-3.5.1.min.js"></script>
 <script src="js/index.js"></script>
 
-
-
 <script>
     // 热点
     var hotList = []
@@ -340,6 +325,8 @@
     window.onload = function () {
         // 南岸发布今天的数据
         changeDate({date: new Date()}, PATH);
+        // 南岸区政务新媒体发布厅
+        getajaxTop({page: 1, limit: 12, name: "重庆市南岸区人民政府"}, PATH);
         // 初始化发布厅数据
         initHotData();
         // 获取热点推荐数据
@@ -411,12 +398,18 @@
 
     // 南岸区政务新媒体发布中心二维码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'];
     $('.first .list li .code').mouseover(function () {
         $(this).addClass('hover');
         var tapsTitleLi = $('.first .list li .code');
+        var hoverTitle = $('#hoverTitle');
+        var hoverImg = $('#hoverImg');
         tapsTitleLi.each(function (index) {
             var classStr = $(this).attr('class');
             if (classStr && classStr.indexOf('hover') != -1) {
+                hoverTitle[0].innerText = mediaTitle[index];
+                hoverImg[0].setAttribute("src", mediaImg[index]);
                 $('.code1').css('top', (index * 75) + 'px')
             }
         });

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

@@ -12,11 +12,11 @@ function getajaxTop(params, path) {
           res.data.splice(7);
         }
         res.data.forEach((item) => {
-          liText += `<li><span clickurl="${item.url}">${item.title}</span><img src="images/g.png" alt=""></li>`;
+          liText += `<li><span onclick="openUrl('${item.url}')">${item.title}</span><img src="images/g.png" alt=""></li>`;
         });
         console.log(res.data[0].cover)
-        var htmlText = "<div style='background-image: url('"+res.data[0].cover+"');' alt='' class='img'>" +
-            "</div>" +
+        var htmlText = "<img src='data:"+res.data[0].cover+"');' alt='' class='img'>" +
+            "</img>" +
             "<ul>" +liText+"</ul>";
         $(".messagetop").html(htmlText);
       }
@@ -37,7 +37,7 @@ function changeDate(params, path) {
       console.log(res, "res");
       if (res.code === 0 && res.data && res.data.length > 0) {
         res.data.forEach((item) => {
-          liText += `<li><a href="${item.url}" target="_blank"><span>${item.title}</span></a><img src="images/g.png" alt=""></li>`;
+          liText += `<li><span onclick="openUrl('${item.url}')">${item.title}</span><img src="images/g.png" alt=""></li>`;
         });
         $(".datali").html(liText);
       }
@@ -48,6 +48,9 @@ function changeDate(params, path) {
   });
 }
 
+function openUrl(url) {
+  window.open(url);
+}
 function getHotData(params, path) {
   var result = []
   $.ajax({