政务新媒体服务集锦

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

@@ -149,10 +149,10 @@
             政务新媒体服务集锦
         </div>
         <ul class="down">
-            <li class="one" onclick="openUrl('https://www.cqna.gov.cn/zwgk_254/zfxxgkml/zdjcgk/index.html')">新冠疫苗预约</li>
-            <li class="two" onclick="openUrl('https://www.cqna.gov.cn/zwgk_254/zfxxgkml/zdjcgk/index.html')">法律服务</li>
-            <li class="three" onclick="openUrl('http://data.cqna.gov.cn/zdjc/sy.html')">生活缴费</li>
-            <li class="four" onclick="openUrl('https://www.cqna.gov.cn/sjzx/')">违规查询</li>
+            <li class="one model-item" data-url="images/xgyy.jpg">新冠疫苗预约</li>
+            <li class="two model-item" data-url="images/nasf_code.png">法律服务</li>
+            <li class="three model-item" data-url="images/shjf_code.png">生活缴费</li>
+            <li class="four model-item" data-url="images/wzcx_code.png">违规查询</li>
         </ul>
     </div>
 
@@ -166,6 +166,18 @@
     var hotList = []
     // 进入页面调用
     window.onload = function () {
+        $('.model-item').on('click', function () {
+            var url = $(this).attr('data-url');
+            layer.open({
+                type: 1,
+                title: '',
+                offset: ['24%', '40%'],
+                closeBtn: 0, //不显示关闭按钮
+                anim: 2,
+                shadeClose: true, //开启遮罩关闭
+                content: '<img style="width:344px;height:344px;" src="' + url + '"></img>'
+            });
+        });
         // 南岸发布今天的数据
         changeDate({date: new Date()}, PATH);
         // 南岸区政务新媒体发布厅