<#--<link href="${base.contextPath}/resources/hls/hlsBlock/css/block-todo.css" rel="stylesheet" type="text/css"/>-->
<#--<link href="${base.contextPath}/resources/hls/beyondChart/assets/css/weather-icons.min.css" rel="stylesheet"/>-->
<#--<link rel="stylesheet" type="text/css" href="${base.contextPath}/resources/css/CONT/con_home_page.css"/>-->
<style>
    .hls-info-list .apply-info-title-icon {
        background-image:  <#if titleImg ??>url("${titleImg}"); <#else> url("${base.contextPath}/resources/images/CONT/notice.png"); </#if>
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: 15px center;
    }
</style>
<div class="hls-info-list hls-block-box ${class!}"  <#if style??> style="${style!}"</#if> id="${id}">
    <#if HIDTAG ??><#else>
    <div style=" position:absolute;left:-10px;top:0;height:50px;width:8px;background-color:${color}" id="side_${id}" ></div>
    </#if>
    <#if HIDTITLE ??><#else>
        <div class="hls-info-list-title-row bottom apply-info-title-icon" id="title_${id}">
            <span class="left-span-title global-font-size14">${title!}</span>
        </div>
    </#if>
</div>
<script>
    ${hlsDataSource}.fetch(function(datas){
        var config = ${config};
        config.hlsDataSource = datas;
        config.contextPath = "${base.contextPath}";
        ${id}=new HlsInfoList();
        ${id}._init(config);
    });
</script>