jeecms

===标签===
<!-- 显示一级栏目对应的二级栏目 -->
<!-- [@cms_channel_list parentId=c.id]
    [#if tag_list?size>0]
    <dl id="">
    [/#if]
    [#list tag_list as c2]
        <dt>
            <a href="${c2.url}" target="_self" ><span>${c2.name}</span></a>
        </dt>
    [/#list]

    [#if tag_list?size>0]
    </dl>
    [/#if]
[/@cms_channel_list] -->


<!-- 显示图片滚动效果 -->
<div class="right-fr fr">
    <div class="home-banner" id="section-focus-pic">
        <div class="bd" data-scro="list">
         [@cms_content_list typeId='2' recommend="1" titLen="22" orderBy="4" ]
            <ul>
                [#list tag_list as a]
                    <li calss="item" ><a href="${a.url}" target="_blank" >
                    <img src="${a.typeImg}"/><div class="banner-title">
                    <i class="Cpic"></i><span>[@text_cut s=a.title len=titLen/]</span></div></a></li>
                [/#list]
            </ul>
         [/@cms_content_list]
        </div>
        <div class="hd" data-scro="controler">
         [@cms_content_list typeId='2' recommend="1" ]
                [#list tag_list as a]
                    <b [#if a_index<1] class="down" [/#if]>${a_index+1}</b>
                [/#list]
                <span>/${tag_list?size}</span>
         [/@cms_content_list]
        </div>
        <div class="controler2" data-scro="controler2">
    <a href="javascript:;" class="prev"><i></i></a>
    <a href="javascript:;" class="next"><i></i></a>
    </div>
        <script type="text/javascript" src="/${res}/js/script.js"></script>
    </div>

===问题===
# 更改模板后,系统发送请求需要响应很久

# 图片滚动显示时,class="down"是让图片加载时先显示图片页码

#滑动门的图片只能滚动5张

# .nav > .menu li的写法

xx${secondChannel?size}与xx${tag_list?size}的结果不一样???
===记录===
${resSys} 为部署路径(/r/cms/)系统资源
${res} 为资源根目录下的模板文件夹对应得地址(r/cms/www/模板文件夹)模板资源

src="${a.typeImg!site.defImg} 先找a下面的图片,如果不存在则去site下面找

[@text_cut s=a.title len=28 append='...'/] append为省略后附加的文本

 [@cms_content_list typeId='1,2,3' count='18'] count为总记录条数

在li前面附加一个点
 .tp1 li{
     /*padding-left:16px;
     background:url(statics/qjw/images/dot_icon.png)/) 7px center no-repeat;--错误写法*/
 list-style:none;
 background:url(statics/qjw/images/dot_icon.png)  left center/16px 16px no-repeat;
 padding-left:20px;
 }



 ===改动===
 qjw/js/main.js 12行
 $(".cm_tab .tab_hd li").mouseover(function(){
     $(this).addClass('selected');
     $(this).siblings().removeClass('selected');
     var _index=$(this).index();
     console.log("
scroll index="+_index);
     $(this).parent().parent().children('.tcon').hide();
     $(this).parent().parent().children('.tcon').eq(_index).show();
     }
 );

 //滑动门
 /*    $(".cm_tab .tab_hd .fr li").mouseover(function(){
     $(this).addClass('selected');
     $(this).siblings().removeClass('selected');
     var _index=$(this).index();
     $(this).parent().parent().parent().children('.tcon').hide();
     $(this).parent().parent().parent().children('.tcon').eq(_index).show();
 });*/
 //滑动门


ul中的li浮动后不能挨在一起
.slideType li{
    padding: 2px 10px 2px 10px;
    margin: 0px, 0px,0px, 0px;
}
ul中的li浮动后不能挨在一起 -- 解决办法
.slideType li{
    padding: 2px 10px 2px 10px;
    margin: 0px;
}

使li中的元素垂直与水平居中
.slideChildType li{
                height: 48px;
                border: 1px solid red;
                line-height: 48px; /*设置line-height与父级元素的height相等*/--垂直居中
                text-align: center; /*设置文本水平居中*/
}


li中有a标记
如果我要调节a标记的字体颜色,那么只能CSS->li a{}这样调节吗,CSS->li似乎没有color的标记


左边一张大图,右边两张小图,小图上下排列---为什么imgType1设置了左浮动,却可以调节左外边距
.imgType1{
     60px;
    height: 40px;
    float: left;
    line-height: 20px;
    text-align: center;
    margin-left: 35px;
    }
.imgType1 a{
     60px;
    height: 20px;
    float: left;
    line-height: 20px;
    text-align: center;
    padding: 10px;
    }

图片滑动门效果
    <script>
$(document).ready(function(){
try{
    var n=$(".zttj .zcon2 .slideType2 li").length;
    n>4?($(".zcon_box").jCarouselLite(
        {btnNext:".next2",
        btnPrev:".prev2",
        visible:6,
        auto:5e3,--切换图片的速度
        speed:1e3--切换图片时前进的速度
        }),
        $(".left_b2").hide(),
        $(".left_b2").delay(5800).fadeIn()
        )
        :($(".left_b2").hide(),
        $(".right_b2").hide())
        }
        catch(t){}
});
</script>


24
====
${content.txt} 如果内容发布时没有填写详细内容,就会报错
${content.txt!} 加个!就没事了



<li class="dimg"><a href="${content.url}" title="xxxxxxxxxxxxxxxxxxxxxxx" target="_blank">
                                                            <img src="${content.typeImg!}" border="0" />
                                                            <span>[@text_cut s=content.title len='11'/]</span></a>
                                                            <p>[@text_cut s=content.txt! len='24'/]</p>
                                                        </li>
                                                        <div class="fgx"></div>


[${content.date?string(dateFormat)}]

[@text_cut s=content.title len=titLen/]

<<<<<<< HEAD 为本地文件

[#if a.typeImg??]

"/**/*.*"

[@cms_friendlink_ctg_list siteId='1']
原文地址:https://www.cnblogs.com/syjp/p/11081196.html