<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
  <title>丽水网 - 丽水新闻综合门户网站</title>
  <!-- <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="expires" content="0"> -->
  <meta name="keywords" content="浙江丽水,丽水新闻,丽水信息">
  <meta name="description"
    content="丽水网是由丽水市新闻传媒中心创办的丽水本地新闻综合门户网站，以新闻为主导，综合类生活资讯服务为主体的，是一个为浙江丽水人量身打造的全新网络家园，为您提供最权威的丽水新闻信息、富有特色的视频内容和最贴心便捷的服务。">
  <meta name='360_ssp_verify' content='0bf3ed3bef0a26dcd0582a8ce5ca77d6' />
  <meta name="mobile-agent" content="format=html5;url=https://wap2.wxls.pro/">

  <link rel="stylesheet" href="/assets/css/comm.css">
  <link rel="stylesheet" href="/assets/css/style.css?01">
  <link rel="stylesheet" href="/assets/js/swiper/swiper-bundle.min.css">
  <style></style>
  <script>
    if(document.location.host ==="yuanzt.wxls.pro"){
      document.location.href="https://www.lsnews.com.cn";
    }
    if (navigator.userAgent.indexOf("MSIE") > -1 ||
      navigator.userAgent.indexOf("Trident") > -1 ||
      navigator.userAgent.indexOf("compatible") > -1
    ) {
      var browser_warn = '您的浏览器版本过低，请使用360极速、Edge或Chrome内核的现代浏览器';
      alert(browser_warn);
    }
  </script>
  <script src="/assets/js/jquery.3.5.min.js"></script>
  <script src="/assets/js/swiper/swiper-bundle.min.js"></script>
  <script src="/assets/js/jquery.actual.min.js"></script>
  <script src="/assets/js/jquery_slideplayer2.3.js"></script>
  <script src="/assets/js/vue.2.6.min.js"></script>
  <script src="/assets/js/axios.1.1.2.min.js"></script>
  <script src="/assets/js/util.min.js?3"></script>
</head>

<body>
  <div id="app">
    <!-- 加载 -->
    <div id="loader" class="loading">
      <div class="container">
        <div class="progress">
          <div id="bar" class="progress-bar">
            <div class="progress-shadow"></div>
          </div>
          <div class="progress-text">丽水网欢迎您！</div>
          <div class="progress-text">
            <script>
              document.write(browser_warn || '')
            </script>
          </div>
        </div>
        <div id="welcome"></div>
      </div>
    </div>
    <!-- 飘红 -->
    <div id="top_banner" :onclick="'document.location.href=\''+topBannerLink+'\''"></div>
    <!-- 头条 start -->
    <div class="ls-container pt-10 p-rel">
      <div id="top_news" class="text-center">
        <a target="_blank" v-for="(item, index) in newslist.ttxw.items" :href="item.url?item.url:toDetail(item.sourceId)">
          <span v-if="item.copyfrom" v-html="item.copyfrom"></span>
          <span v-else v-text="item.title"></span>
        </a>
      </div>
      <div class="toutiao-icon p-abs">
        <a href="/assets/list.html?catid=870"><img src="/assets/images/toutiao.png"></a>
      </div>
    </div>
    <!-- 头条 end -->

    <!-- 通栏广告 1 start -->
    <div class="ls-container pt-10" v-html="ad.ID_64d363abaea7962be59b8749">
      <!-- 口号横幅 -->
      <!-- <a class="mt-3 d-block" href="javascript:;">
                <img class="w-100p" src="https://www.lsol.com.cn/ad/20199228ad1.gif">
            </a> -->
      <!-- 丽水之赞 -->
      <!-- <a class="mt-3 d-block" href="javascript:;">
                <img class="w-100p" src="https://www.lsol.com.cn/ad/20190107ad1.jpg">
            </a> -->
      <!-- 浙西南 -->
      <!-- <a class="mt-3 d-block" href="https://www.lsnews.com.cn/zt/2019/zhexinan/">
                <img class="w-100p" src="https://lsol-uploads.oss-cn-hangzhou.aliyuncs.com/ad/lsnews/WechatIMG273.jpeg">
            </a> -->
    </div>
    <!-- 通栏广告 1 end -->

    <!-- 导航 start -->
    <div class="ls-container headerbg">
      <div class="header">
        <div class="header_l">
          <div class="heaer_2">
            <div id="logo">
              <h1><a href="/" title="丽水网">
                  <img src="https://lsol-house-upload.oss-cn-hangzhou.aliyuncs.com/2019-01-28/logo.gif" alt="丽水网"
                    width="140" height="51">
                </a>
              </h1>
            </div>
            <div class="heade_2_1">
              <div class="header_2_2 text-right" style="height: 34px;line-height: 34px;padding-right: 14px;">
                <p class="fz12 d-block f-right" style="width:240px;">
                  <a href="https://wap2.wxls.pro" target="_blank">手机新闻</a>
                  <a href="javascript:;">　{{ dateTime() }}</a>
                  <!-- <a onclick="javascript:window.external.AddFavorite('https://www.lsnews.com.cn/','丽水网')"
                    title="收藏本站到你的收藏夹">加入收藏</a>
                  <a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('https://www.lsnews.com.cn/');"
                    title="把丽水网设为首页">设为首页</a> -->
                </p>

                <form action="https://www.lsnews.com.cn/assets/search.html" method="get" target="_blank">
                  <p class="f-right d-block" style="width:350px; padding-top:7px; height:27px; ">
                    <input name="wd" class="fz12 f-left"
                      style="width:280px; height:20px; line-height:20px; margin-right:7px; border:1px #999 solid; color:#666"
                      onfocus="if(this.value=='搜索你感兴趣的内容....') this.value='';"
                      onblur="if(this.value=='') this.value='搜索你感兴趣的内容....';" value="搜索你感兴趣的内容...." type="text"> <input
                      type="image" src="https://www.lsnews.com.cn/statics/images/news/search.jpg" value=" ">
                  </p>
                </form>

              </div>
              <ul class="menu1">
                <li><a href="/news/home/index.html"><strong>新闻</strong></a></li>
                <li><a href="https://wz.lsnews.com.cn/">问政直通车</a></li>
                <li><a href="https://wz.lsnews.com.cn/Ldwz">莲都直通车</a></li>
                <li><a href="/news/lc/index.html">理财</a></li>
                <li><a href="http://paper.lsnews.com.cn/lsrb/">丽水日报</a></li>
                <li><a :href="toOldList(813)">专题</a></li>
                <li><a href="https://yuanzt.wxls.pro/zt/py/index.html">丽水辟谣网</a></li>
                <li><a href="https://www.lsnews.com.cn/lsjx">丽水市记协</a></li>
              </ul>
            </div>
          </div>
          <div class="header_3 fz12">
            <div class="f-left pr-10"><a href="http://www.lishui.gov.cn/">政府</a>
            </div>
            <em class="lstv1 mr-10"><a href="/news/center/index.html">丽水市新闻传媒中心</a>
              <a href="/news/tv/zh/index.html">新闻综合频道</a>
              <a href="/news/tv/gg/index.html">丽水公共频道</a>
              <!-- <a href="/news/tv/xx/index.html">文化休闲</a> -->
              <a href="/news/zhuchiren/index.html">主持人</a>
              <!-- <a href="/news/xyz/index.html">新壹周</a> -->
              <!-- <a href="/news/fm/zb_index.html">广播节目</a> -->
            </em>
            <em class="f-bold ml-20" style="color:#ffdf00;">热点栏目:</em>
            <a :href="toOldPicList(27)"><strong>丽水新闻</strong></a>
            <!-- <a href="http://www.lsnews.com.cn/dswz.html">电视问政</a> -->
            <!-- <a :href="toOldPicList(28)">瓯江报道</a> -->
            <a :href="toOldPicList(30)">老白谈天</a>
            <a href="/news/bxrx/index.html">百姓热线</a>
            <p></p>
          </div>
        </div>
      </div>
    </div>
    <!-- 导航 end -->


    <!-- 通栏广告 2 start -->

    <div class="ls-container" v-html="ad.ID_64d3637caea7962be59b8747">
      <!-- 一行一列示例 -->
      <!-- <a class="mt-3 d-block isAd" href="javascript:;">
                <img src="https://lsol-house-upload.oss-cn-hangzhou.aliyuncs.com/2020-09-29wxls/wxls/ad/ad1.jpg">
            </a>
      -->

    </div>
    <!-- 通栏广告 2 end -->

    <div class="ls-container pt-10 d-flex">

      <div class="main-left">
        <div id="fouce-news">
          <div id="KSS_moveBox" class="o-hidden">

            <ul id="index_focus">
              <li v-for="(item, index) in picFocus">
                <a :target="item.url=='####'|| item.url=='javascript:;' ?'':'_blank'" 
                   :href="item.url?item.url:toDetail(item.sourceId)" >
                  <img :alt='item.title' :src="item.thumb" />
                </a>
                <p v-text="item.title"></p>
              </li>
            </ul>

          </div>
        </div>
        <!-- 银行广告 一行一列，二行 -->
        <div class="ad_focus_1" v-html="ad.ID_64d45483c1a39704d6084c70">
          <!-- <div class="mt-5">
    <a href="http://zt.lsol.com.cn/ghjc/">
        <img src="http://www.lsol.com.cn/ad/1img/20210719.jpeg">
    </a>
</div>
<div class="mt-5">
    <a href="https://yuanzt.wxls.pro/zt/a2/yz/index.shtml">
        <img
            src="https://lsol-house-upload.oss-cn-hangzhou.aliyuncs.com/2020-09-29wxls/wxls/yz340x60.png">
    </a>
</div> -->
        </div>
        <!-- 广告简易轮换图示例 容器：ls-swiper，子元素：ls-swiper-item , 子元素需要指定全局唯一ID -->
        <!-- <div class="ad_focus_2 ls-swiper">
    <div id="f1" class="ls-swiper-item mt-5">
        <a href="http://zt.lsol.com.cn/ghjc/">
            <img src="http://www.lsol.com.cn/ad/1img/20210719.jpeg">
        </a>
    </div>
    <div id="f2" class="ls-swiper-item mt-5">
        <a href="https://yuanzt.wxls.pro/zt/a2/yz/index.shtml">
            <img
                src="https://lsol-house-upload.oss-cn-hangzhou.aliyuncs.com/ad/house/WechatIMG9.jpeg">
        </a>
    </div>
</div> -->



        <!-- 精彩推荐 -->
        <div class="box">
          <div class="box_title"><a :href="toList(802)">
              <h2 class="tih2">精彩推荐</h2>
            </a>
          </div>
          <div class="box_con">
            <ul id="jctj_wrapper" class="list_ul1 clearfix ultype2">
              <li v-for="(item, index) in newslist.jctj.items">
                <a :href="toDetail(item.sourceId)" :title='item.title' target="_blank">
                  {{item.title}}
                </a>
              </li>
            </ul>
          </div>
        </div>
        <!-- 银行广告 一行两列 -->
        <div class="d-grid grid-cols-1-1" v-html="ad.ID_64d45501c1a39704d6084c73">
          <!-- <div class="isAd inline-block">
    <a id="nh1" href="https://www.lsol.com.cn/ad/1img/nhzdjs/index_zx.html" target="_blank">
        <img class="mx-w-165" src="https://www.lsol.com.cn/ad/1img/nonghang20210427/s1.jpg">
    </a>
</div>
<div class="isAd inline-block">
    <a href="https://yuanzt.wxls.pro/zt/a2/jh/index.shtml">
        <img class="mx-w-165" src="https://yuanzt.wxls.pro/zt/a2/jh/images/20230612-66j.png">
    </a>
</div> -->
        </div>
        <!-- 专题栏目 -->
        <div class="box">
          <div class="box_title">
            <h2 class="tih2">专题栏目</h2>
          </div>
          <div class="box_con">
            <ul id="xtlm_wrapper" class="list_ul1 clearfix ultype2">
              <li v-for="(item, index) in newslist.ztlm.items">
                <a :href="item.url?item.url:toDetail(item.sourceId)" :title='item.title' target="_blank">
                  {{item.title}}
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div><!-- main-left end -->

      <div class="main-center">
        <div class="box">
          <div class="box_title box_title2">
            <h2 class="tih2">时政</h2>
            <h2 class="tih1"><a href="/news/bxrx/index.html">百姓热线</a></h2>
          </div>
          <div class="box_con">
            <div class="home_news">
              <ul>
                <li class="home_news_title" v-for="(item, index) in newslist.sz.items">
                  <a :href="toDetail(item.sourceId)" :title='item.title' v-text="item.title" target="_blank"></a>
                </li>
              </ul>
              <!-- <h3 class="home_news_title" v-for="(item, index) in newslist.sz.items">
                <a :href="toDetail(item.sourceId)" :title='item.title' v-text="item.title"></a>
              </h3> -->
              <div style="border-bottom:1px #ccc solid; clear:both;"></div>

            </div>
            <!-- <div class="mt-10" style="border-bottom:1px #ccc solid; clear:both;"></div> -->
            <div class="news_type1">

              <ul class="list_ul1 clearfix ultype3 f14">
                <li v-for="(item, index) in newslist.kx.items">
                  <a :class="{'f-bold':index===0}" :href="toDetail(item.sourceId)" :title='item.title' v-text="item.title" target="_blank"></a>
                </li>
              </ul>

              <div style="border-bottom:1px #ccc solid; clear:both;"></div>

              <ul class="list_ul1 clearfix ultype3 f14">

                <li v-for="(item, index) in newslist.zh.items">
                  <a :class="{'f-bold':index===0}" :href="toDetail(item.sourceId)" :title='item.title' v-text="item.title" target="_blank"></a>
                </li>

              </ul>
              <div style="border-bottom:1px #ccc solid; clear:both;"></div>
              <ul class="list_ul1 clearfix ultype3 ms_list f14">

                <li v-for="(item, index) in newslist.ms.items">
                  <a :class="{'f-bold':index===0}" :href="toDetail(item.sourceId)" :title='item.title' v-text="item.title" target="_blank"></a>
                </li>

              </ul>
            </div>
            <div style=" clear:both;"></div>
          </div>
        </div>
      </div><!-- main-center end -->

      <div class="main-right">
        <div class="box">
          <div class="box_title">
            <h2 class="tih2"><a :href="toList(873)"><strong>焦</strong>点新闻</a></h2>
            <!-- <span style="padding-left:14px">
              <a :href="toOldPicList(578)" target="_blank">
                <span style="color:#900;font-size:18px;">丽水美丽城镇</span>
              </a>
            </span> -->
          </div>
          <div class="box_con">
            <ul id="jiaodian_news_lists" class="list_ul1 clearfix ultype2">
              <li v-for="(item, index) in newslist.jdxw.items">
                <a :href="item.url?item.url:toDetail(item.sourceId)" :title='item.title' target="_blank">{{item.title}}
                </a>
              </li>
            </ul>

          </div>

          <!-- 广告位：美丽乡镇 -->
          <div class="adF3" v-html="ad.ID_64d4901dc1a39704d6084d88">
            <!-- <div style="width:260px;height:150px;margin-bottom:5px;">
    <a href="https://www.lsol.com.cn/list-578-1.html">
        <img width="260"
            src="https://lsol-house-upload.oss-cn-hangzhou.aliyuncs.com/2019-01-28/WechatIMG83.jpeg?x-oss-process=image/resize,w_600">
    </a>
</div> -->
          </div>

          <!--  -->
          <div class="box">
            <div class="box_title"><span class="more"><a :href="toList(540)">更多&gt;&gt;</a></span>
              <h2 class="tih2"><strong>一</strong>起朗读</h2>
            </div>
            <div class="box_con">
              <ul class="list_ul1 clearfix ultype2" style="clear:both">
                <li v-for="(item, index) in newslist.yqld.items">
                  <a :href="toDetail(item.sourceId)" :title='item.title' target="_blank">
                    {{item.title}}
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <!--  -->

        </div>
      </div> <!-- main-right end -->

    </div>
    <!-- 专题滚动列表 -->
    <div class="ls-container">
      <div id="ztSwiper" class="ztSwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide" v-for="(item,index) in ztList">
            <a :href="item.url"><img :src="item.thumb" :alt="item.title"></a>
          </div>
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-pagination"></div>
      </div>
    </div>

    <!-- 横副广告 -->
    <div class="ls-container pt-5 p-rel" v-html="ad.ID_64d3631baea7962be59b8741">
      <!-- 社会主义核心价值观 -->
      <!-- <a class="mt-3 d-block" href="javascript:;">
                <img class="w-100p" src="http://www.lsol.com.cn/ad/1img/2020051105.gif">
            </a> -->
      <!-- 讲文明树新风 -->
      <!-- <a class="mt-3 d-block" href="http://www.baidu.com/cb.php?c=IgF_pyfqnHR4nHcvP1D0IZ0qnfK9ujYzn1b4n1n40Aw-5HcdP1R4rHm0TAq15Hnknj6kPW00T1Y4nHT4mhc3mvwhmy7-nvms0AwY5HDvrHDdPWbLPHT0IgF_5y9YIZ0lQzqLILT8UZPEUa4WUvY8mv3EmyfEpMIVTL9hQsKzujY1P0KBUHYk0ZKz5H00Iy-b5Hcsn1b1n160Uv-b5HDsnHRYn1n0mv-b5HDzn1bkP0KEIv3qn0KsXHYznjm0mLFW5HR1nH0d">
                <img class="w-100p" src="https://unmc.cdn.bcebos.com/1612170536697_1300444507.jpg">
            </a> -->
      <!-- 未成年人 -->
      <!-- <a class="mt-3 d-block" href="http://www.baidu.com/cb.php?c=IgF_pyfqnHmkn1TLnHT0IZ0qnfK9ujYzn1f3rjDd0Aw-5HcdnWTvPWc0TAq15Hc4njcLPHc0T1Y3uH0LmHK-P1FhuHn4mWfL0AwY5HDvrHDdPWbLPHT0IgF_5y9YIZ0lQzqLILT8UZPEUa4WUvY8mv3EmyfEpMIVTL9hQvI9IvP8TB4CIAd_0ZFb5HnY0AFV5HD0TZcqn0KdpyfqnW01rHn1r0KEpyfqnH0kPHf1nsKWpyfqnHc1rHDY0AqLUWYs0ZK45HcsP6KWThnqnHczrHc">
                <img class="w-100p" src="https://unmc.cdn.bcebos.com/1612172641059_1060314986.jpg">
            </a> -->
    </div>

    <!-- 主持人 -->
    <div class="ls-container pt-15">
      <div class="box">
        <div class="box_title">
          <span class="more"><a href="/news/zhuchiren/index.html">更多&gt;&gt;</a></span>
          <h2 class="tih2">主持人</h2>
        </div>
        <div class="box_con">
          <iframe src="/news/zhuchiren/iframe.html" width="1000" height="194" scrolling="no" frameborder="0"></iframe>
        </div>
      </div>
    </div>
    <!-- 右下弹出 -->
    <div v-if="pushData.pic && pushData.limit" id="lsnews_rt">
      <span title="关闭"><b id="lsnews_rt_close">×</b></span>
      <a :href="pushData.url" target="_blank">
        <img id="pushImg" :src="pushData.pic" />
      </a>
    </div>
    <!-- 左右对联 s -->
    <div v-if="coupletData" v-for="(item,index) in coupletData" class="add-close" style="position: fixed; z-index: 99;"
      :style="{'top':item.top}"
      :class="item.position==='left'?'couplet_left couplet-'+index : 'couplet_right couplet-'+index">
      <a :href="item.url">
        <img :id="'couplet-'+index" :src="item.pic" />
      </a>
    </div>
    <!-- <div class="add-close" style="position: fixed; top: 80px;right: 10px;z-index: 99;">
            <a href="https://www.lsnews.com.cn/zt/2023/new">
                <img src="/assets/images/left-pic.jpg" />
            </a>
        </div>
        <div class="add-close" style="position: fixed; top: 80px;left: 10px;z-index: 99;">
            <a href="https://www.lsnews.com.cn/zt/2023/new">
                <img src="/assets/images/left-pic.jpg" />
            </a>
        </div> -->
    <!-- 左右对联 e -->

    <div v-if="isGray" v-html="gray_css"></div>
    <div v-if="topBanner" v-html="topBanner"></div>

  </div>

  <div class="ls-container text-center fz12 mt-20">

  <p class="footmenu">
    <a href="https://www.lsnews.com.cn/html/2023/lswdbpz_0222/585631.html" target="_blank"> 隐私条款</a> | 
    <a href="https://www.lsnews.com.cn/html/2023/lswdbpz_0222/585633.html" target="_blank">免责声明</a> | 
    <a href="https://www.lsnews.com.cn/html/2023/lswdbpz_0222/585635.html" target="_blank">版权声明</a>
  </p>

  <div id="copyRight">
    <dl>
      <dt>
        &nbsp;互联网新闻信息服务许可证编号：33120230010&nbsp;|&nbsp;
        <a href="https://beian.miit.gov.cn/#/Integrated/index">
          浙ICP备11018835号
        </a>
        &nbsp;|&nbsp;
        广播电视节目制作经营许可证：（浙）字第03677号
        <br>
        主管单位：中共丽水市委宣传部 | 主办单位：丽水市新闻传媒中心 | 新闻热线：0578-2666333
      </dt>
      丽水网-丽水本地视频新闻信息综合门户网站　
      <a href="/html/crs.html" style="color: #2b2b2b">网络信息服务信用承诺书</a>

      <!-- <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cspan id='cnzz_stat_icon_1751193'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol +
          "v1.cnzz.com/stat.php%3Fid%3D1751193' type='text/javascript'%3E%3C/script%3E"));
      </script><span id="cnzz_stat_icon_1751193"></span>
      <script src=" https://v1.cnzz.com/stat.php?id=1751193" type="text/javascript"></script> -->

      <dd>
        <a class="inline-block" style="width: 0;height:0;overflow: hidden;" href="https://www.lsnews.com.cn" target="_blank"><img src="https://wxls-cms.oss-cn-hangzhou.aliyuncs.com/icon/lsnews_logo.jpg" width="0"></a>

        <a class="inline-block" href="https://www.12377.cn/" target="_blank">
          <script>
            document.write('<img src="/assets/images/i_lo1.gif" width="175">');
          </script>
        </a>
        <a class="inline-block" href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">
          <script>
            document.write('<img src="/assets/images/i_lo2.gif" width="37">');
          </script>
        </a>
        <br>
        丽水市打击新闻敲诈和假新闻专项行动举报电话 丽水市新闻道德委员会（0578-2118132，0578-2090757） <br>
        浙公网安备 33110202000139号<br>
        <span>违法和不良信息公开举报电话｜涉未成年人有害信息举报电话: 0578-2666333</span> 举报邮箱: 2809599001@qq.com
        <br><br>
      </dd>
    </dl>

  </div>
</div>
<script src="https://www.lsnews.com.cn/assets/js/baidu.js"></script>
  <!-- <script src="/assets/js/util.min.js"></script> -->
  <script src="/assets/js/lsnews.index.js?02"></script>
  <script src="/assets/js/news/requestLsnews.js"></script>

  <script>
    //
    var app = new Vue({
      el: '#app',
      data: {
        // catInfo:{name:'',parentId:'',id:'',thumb:''},
        // noList: false,
        newslist: { //列表信息
          ttxw: { "catid": 870, "total": 0, "items": [], "error": {}, "size": 9, "page": 1, "title": "头条" },
          jdxw: { "catid": 873, "total": 0, "items": [], "error": {}, "size": 18, "page": 1, "title": "焦点新闻" },
          jctj: { "catid": 802, "total": 0, "items": [], "error": {}, "size": 3, "page": 1, "title": "精彩推荐" },
          yqld: { "catid": 540, "total": 0, "items": [], "error": {}, "size": 4, "page": 1, "title": "一起朗读" },
          ztlm: { "catid": 2045, "total": 0, "items": [], "error": {}, "size": 5, "page": 1, "title": "专题栏目" },

          sz: { "catid": 1812, "total": 0, "items": [], "error": {}, "size": 5, "page": 1, "title": "时政" },
          kx: { "catid": 1813, "total": 0, "items": [], "error": {}, "size": 5, "page": 1, "title": "快讯" },
          zh: { "catid": 1815, "total": 0, "items": [], "error": {}, "size": 5, "page": 1, "title": "综合" },
          ms: { "catid": 1814, "total": 0, "items": [], "error": {}, "size": 6, "page": 1, "title": "民生" },

        },
        // 灰度
        isGray: false,
        gray_css: '<style>html { ' +
          '-webkit-filter: grayscale(100%); ' +
          '-moz-filter: grayscale(100%); ' +
          '-ms-filter: grayscale(100%); ' +
          '-o-filter: grayscale(100%); ' +
          'filter: grayscale(100%); ' +
          'filter: gray; ' +
          'filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: gray;' +
          '}</style>',
        // 弹窗
        pushData: {
          pic: null,
          url: null,
          limit: false
        },
        // 对联
        coupletData: [],
        // 广告
        ad: {
          'ID_64d363abaea7962be59b8749': '', // 顶
          'ID_64d3637caea7962be59b8747': '', // 主
          'ID_64d3631baea7962be59b8741': '',  // 底
          'ID_64d45483c1a39704d6084c70': '',  // 轮显下一
          'ID_64d45501c1a39704d6084c73': '',  // 轮显下二
          'ID_64d4901dc1a39704d6084d88': '' // 焦点下一
        },
        ztList: [],
        topBanner: '',
        topBannerLink: '#',
        picFocus:[]
      },
      async created() {
        // 1. 获取网站配置信息
        getDetail('64d20b55f0a3dd18eb59a8bc', false).then(res => {
          // console.log(res)
          // 1.1 灰调
          let setGrayLimit = res.subtitle.split('@');
          if (setGrayLimit.length === 2) this.setPageGray(setGrayLimit[0], setGrayLimit[1]);

          // 1.2 弹窗
          this.pushData.pic = res.eyebrowHead
          this.pushData.url = res.source
          let pushLimit = res.keyWord.split('@')
          if (pushLimit.length === 2) {
            this.pushData.limit = this.isBetweenTime(pushLimit[0], pushLimit[1]);
            if (this.pushData.pic && this.pushData.limit) {
              this.imgLoad("pushImg", function () {
                setTimeout(function () {
                  pushRt();
                }, 100);
              })
            }
          }

          // 1.3 对联
          if (res.description) {
            try {
              let coupletJson = JSON.parse(res.description);
              for (const k in coupletJson) {
                if (coupletJson[k].start_time
                  && coupletJson[k].end_time
                  && this.isBetweenTime(coupletJson[k].start_time, coupletJson[k].end_time)
                  && coupletJson[k].pic
                ) {
                  this.coupletData.push(coupletJson[k]);
                }
              }
              // setTimeout(function(){
              //     addClose();
              // },10)
              for (const key in this.coupletData) {
                this.imgLoad('couplet-' + key, function () {
                  addClose();
                })
              }

            } catch (error) {
              console.log("对联数据填写错误: " + error);
            }
          }

          // 1.4 飘红
          try {
            let topBannerLimitTime = res.reporter.split('@');
            if (topBannerLimitTime.length === 2 && this.isBetweenTime(topBannerLimitTime[0], topBannerLimitTime[1])) {
                this.topBanner = res.wxShareInfo.wxDescription;
            }
            this.topBannerLink = res.wxShareInfo.wxTitle;
          }catch(error){
            console.log("飘红数据错误: " + error);
          }


        })

        // 2. 获取新闻列表
        getListWithPage(this, this.newslist, null);

        // 读取缓存的广告
        for (const key in this.ad) {
          // console.log(key, this.ad[key])
          if(getLCache(key,3600*8)){
            this.ad[key] = getLCache(key,3600*8);
          }
        }
        // 3. 广告
        getSimpleList(10, 0, 2019).then(res => {
          if (res) {
            for (const key in res) {
              if (undefined !== this.ad['ID_' + res[key]['id']]) {
                this.ad['ID_' + res[key]['id']] = res[key]['description'];
                //设置广告缓存
                setLCache('ID_' + res[key]['id'], res[key]['description']);
              }
            }
          }
          // 
          setTimeout(function () {
            countDownStart(); // 倒计时
            lsSwiper(); // 丽水网简易通用轮换图
            new Swiper('.swiper', { autoplay: true, direction: "vertical" }); // 其它滚动
          }, 200)
        });

        // 4. 专题列表 
        getSimpleList(30, 0, 2021).then(res => {
          this.ztList = res
          // 
          setTimeout(function () {
            ztSwiper(); //专题滚动
          }, 300);
        });

        //5.2039 - 首页轮显
        getSimpleList(15, 0, 2039).then(res => {
          this.picFocus = res
          // console.log(res)
          // 
          setTimeout(function () {
             indexFocusStart('index_focus',336, 265);//轮显滚动
          }, 300);
        });

        fix_news_height_offset();

      },
      methods: {
        //
        dateTime(){
          let d = new Date()
          return d.getFullYear() + '年'+(d.getMonth()+1).toString().padStart(2,'0')+ '月'+d.getDate().toString().padStart(2,'0')+'日' 
        },
        // 是否在时间范围内
        isBetweenTime(start, end) {
          try {
            let s = new Date(start);
            let e = new Date(end);
            // console.log(typeof s.getTime())
            if (isNaN(s.getTime()) || isNaN(e.getTime())) {
              console.log('时间格式错误：(' + start + ' - ' + end + ')')
              return false;
            }
            if ((new Date()).getTime() > s.getTime() && (new Date()).getTime() < e.getTime()) {
              return true;
            }
          } catch (error) {
            // console.log('时间转换错误' +error)
          }
          return false;
        },
        // 设置页面灰度
        setPageGray(start, end) {
          if (start == '' || end == '') return false;
          if (this.isBetweenTime(start, end)) {
            this.isGray = true;
          }
        },
        // 监视图片加载 //imgLoad(img, function() {// '加载完毕' })
        imgLoad(imgId, callback) {
          var timer = setInterval(function () {
            let img = document.getElementById(imgId);
            if (img) {
              setTimeout(function () { callback(); }, 300);
              clearInterval(timer);
              // console.log('加载完毕：' + imgId)
            }
          }, 100)
        },

      },
      mounted() {
      }
      , watch: {
        newslist: {
          handler(newVal, oldVal) { },
          deep: true
        }
      }
      //
    })

    // loading
    var bar = document.getElementById("bar");
    var loader = document.getElementById("loader");
    bar.style.animationName = "width";
    try {
      bar.addEventListener("animationend", function () {
        loader.style.display = "none";
        // console.log('animationend')
      });
    } catch (e) {
      loader.style.display = "none";
    }

  </script>
</body>

</html>