易居cms 首頁更改資訊樣式

找到相應位置 替換或新增代碼：

<!--樓盤資訊-->
<div class="yv2News">
 <div class="w1200">
	      <div  class="index-tit">
          <h2>{$eju.region.name}導購資訊</h2>
          <p>熱點文章&公告</p>
          {eju:type typeid='2' empty='欄目不存在時，顯示這裏的文案'}
          <a  class="more" target="_blank" href="{$field.typeurl}" title="{$field.typename}">查看更多</a>
          {/eju:type}
      </div>
    <div class="yv2News_center c">
	<div class="yv2News_mode">
        <div class="NewsMode_top">
          <p class="bg"><img src="" alt=""></p>
          <p class="text"> <i><img src="/template/default/pc/skin/img/ico_y1.png" alt=""></i> <span>樓盤動態</span> </p>
        </div>
        <div class="yv2News_list">
          <ul>
		  {eju:arclist typeid='4' orderby='new' row='6' id='field'}
          <li>
          <div class="tit"> <a target="_blank" href="{$field.arcurl}">{$field.title}</a> </div>
          <div class="mint_tu"> <a target="_blank" href="{$field.arcurl}" class="c">
          <p class="left_tu"><img src="{$field.litpic}" alt="{$field.title}"> </p>
          <p class="right_text"> <span>{$field.title}</span> <em>{$field.seo_description|html_msubstr=###,0,13,true}</em> </p>
          </a> </div>
          </li>
		  {/eju:arclist}
          </ul>
          <div class="gengduo">
		  {eju:type typeid='4' empty='欄目不存在時，顯示這裏的文案'}
		  <a href="{$field.typeurl}">
		  {/eju:type}
		  <img src="/template/default/pc/skin/img/v2ico_39.png" alt=""> </a> </div>
      
	  </div>
      </div>
            <div class="yv2News_mode">
        <div class="NewsMode_top">
          <p class="bg"><img src="" alt=""></p>
          <p class="text"> <i><img src="/template/default/pc/skin/img/ico_y2.png" alt=""></i> <span>購房指南</span> </p>
        </div>
        <div class="yv2News_list">
          <ul>
		  {eju:arclist typeid='5' orderby='new' row='6' id='field'}
          <li>
          <div class="tit"> <a target="_blank" href="{$field.arcurl}">{$field.title}</a> </div>
          <div class="mint_tu"> <a target="_blank" href="{$field.arcurl}" class="c">
          <p class="left_tu"><img src="{$field.litpic}" alt="{$field.title}"> </p>
          <p class="right_text"> <span>{$field.title}</span> <em>{$field.seo_description|html_msubstr=###,0,13,true}</em> </p>
          </a> </div>
          </li>
		  {/eju:arclist}
          </ul>
          <div class="gengduo">
		  {eju:type typeid='5' empty='欄目不存在時，顯示這裏的文案'}
		  <a href="{$field.typeurl}">
		  {/eju:type}
		  <img src="/template/default/pc/skin/img/v2ico_39.png" alt=""> </a> </div>
        </div>
      </div>
            <div class="yv2News_mode">
        <div class="NewsMode_top">
          <p class="bg"><img src="" alt=""></p>
          <p class="text"> <i><img src="/template/default/pc/skin/img/ico_y3.png" alt=""></i> <span>本地資訊</span> </p>
        </div>
        <div class="yv2News_list">
          <ul>
		  {eju:arclist typeid='6' orderby='new' row='6' id='field'}
          <li>
          <div class="tit"> <a target="_blank" href="{$field.arcurl}">{$field.title}</a> </div>
          <div class="mint_tu"> <a target="_blank" href="{$field.arcurl}" class="c">
          <p class="left_tu"><img src="{$field.litpic}" alt="{$field.title}"> </p>
          <p class="right_text"> <span>{$field.title}</span> <em>{$field.seo_description|html_msubstr=###,0,13,true}</em> </p>
          </a> </div>
          </li>
		  {/eju:arclist}
          </ul>
          <div class="gengduo">
		  {eju:type typeid='6' empty='欄目不存在時，顯示這裏的文案'}
		  <a href="{$field.typeurl}">
		  {/eju:type}
		  <img src="/template/default/pc/skin/img/v2ico_39.png" alt=""> </a> </div>
        </div>
      </div>
            <div class="yv2News_mode">
        <div class="NewsMode_top">
          <p class="bg"><img src="" alt=""></p>
          <p class="text"> <i><img src="/template/default/pc/skin/img/ico_y4.png" alt=""></i> <span>房吧公告 </span> </p>
        </div>
        <div class="yv2News_list">
          <ul>
		  {eju:arclist typeid='23' orderby='new' row='6' id='field'}
          <li>
          <div class="tit"> <a target="_blank" href="{$field.arcurl}">{$field.title}</a> </div>
          <div class="mint_tu"> <a target="_blank" href="{$field.arcurl}" class="c">
          <p class="left_tu"><img src="{$field.litpic}" alt="{$field.title}"> </p>
          <p class="right_text"> <span>{$field.title}</span> <em>{$field.seo_description|html_msubstr=###,0,13,true}</em> </p>
          </a> </div>
          </li>
		  {/eju:arclist}
          </ul>
          <div class="gengduo">
		  {eju:type typeid='23' empty='欄目不存在時，顯示這裏的文案'}
		  <a href="{$field.typeurl}">
		  {/eju:type}
		  <img src="/template/default/pc/skin/img/v2ico_39.png" alt=""> </a> </div>
        </div>
      </div>
       </div>
  </div>
</div>
<!--樓盤資訊--end-->

 

ccs樣式：

/ *資訊* /
.yv2News {margin-top：0px; height：520px;} 
.yv2News_main .yv2Hotlp_title pi {width：40px; 高度：44像素；行高：44px；}
.yv2News_main .yv2Hotlp_title p span {top：12px}
.yv2News_main .yv2Hotlp_title p em {top：13px}
.yv2News_main .yv2Hotlp_title a {top：26px}
.yv2News_center {display：flex; flex-wrap：nowrap; 寬度：1200px；保證金：0自動; 頁邊距：5px；}
.yv2News_mode {flex：1; 寬度：calc（（100％-30px）/ 4）;
 border：1px實心#eee; 右邊距：10px; 背景：#fff; 職位：相對
}
.yv2News_mode：last-child {margin-right：0;}
.NewsMode_top {width：100％; 高度：160像素；背景：＃F6F6F6; 位置：相對； z-index：0}
.NewsMode_top p.bg {width：100％; 高度：100％; 顯示：無；}
.NewsMode_top p.bg img {寬度：100％; 高度：100％；}
.NewsMode_top p.text {位置：絕對；頂部：0px；左：0px；寬度：100％; 高度：100％; padding-top：40px; 文本對齊：居中；z-index：0；}
.NewsMode_top p.text i {width：60px; 高度：51px；顯示：塊；保證金：0自動；}
.NewsMode_top p.text i img {寬度：100％；高度：100％;}
.NewsMode_top p.text span {display：block; font-size：24px; 顏色：＃333; 邊距頂部：5像素；}
.yv2News_list {padding：10px 0px; }
.yv2News_list ul li {padding：5px 0;}
.yv2News_list ul li .tit {padding：0 20px}
.yv2News_list ul li .tit a {font-size：14px; 顏色：＃666；顯示：阻止；寬度：100％; 溢出：隱藏；文本溢出：省略號；空白：nowrap；}
.yv2News_list ul li .mint_tu {display：none; 填充：0 10px; border-bottom：1px實心＃E8E8E8; padding-bottom：15px;}
.yv2News_list ul li .mint_tu p.left_tu {width：120px; 高度：80像素；}
.yv2News_list ul li .mint_tu a {display：flex}
.yv2News_list ul li .mint_tu p.left_tu img {flex：1; 寬度：100％; 高度：100％；}
.yv2News_list ul li .mint_tu p.left_tu img：hover {不透明度：0.8;}
.yv2News_list ul li .mint_tu p.right_text {寬度：120像素；左邊距：10像素；}
.yv2News_list ul li .mint_tu p.right_text span {display：block; font-size：16px; 顏色：＃333；寬度：100％；溢出：隱藏；文本溢出：省略號；空白：nowrap；}
.yv2News_list ul li .mint_tu p.right_text em {font-size：14px; 顏色：＃666; 行高：23px；頁邊距：5px；顯示：-webkit-box; -webkit-box-orient：垂直； -webkit-line-clamp：2；溢出：隱藏；}
.yv2News_list .gengduo {text-align：right; 寬度：100％; 邊距頂部：15px；}
.yv2News_list .gengduo a {display：inline-block; 寬度：18px；高度：31像素；右邊距：20px；}
.yv2News_list .gengduo img {寬度：100％; 高度：100％；}
.yv2News_mode * {
    -webkit-font-smoothing：抗鋸齒；
  -webkit-text-size-adjust：100％;
  -ms-text-size-adjust：100％；
  -webkit-box-sizing：邊框框;
  -moz-box-sizing：邊框框；
  框大小：border-box；
  過渡：所有0.3秒輕鬆；
}
.yv2News_mode {transition：transform 0.3s easy; }
.yv2News_mode：hover { 
    transform：scale（1.08,1.08）;
    z索引：2；
    box-shadow：0 0 20px 0px #ccc;
    頂部：-20px；
}
.yv2News_mode：hover .NewsMode_top p.bg {display：block;}
.yv2News_mode：hover .NewsMode_top p.text span {color：＃fe6857;}
.yv2News_mode：hover .yv2News_list ul li：nth-​​child（1）.tit {display：none;}
.yv2News_mode：hover .yv2News_list ul li：nth-​​child（1）.mint_tu {display：block;}
.yv2News_list ul li：hover .tit a {color：＃5DA750;}
.yv2News_list ul li：hover .mint_tu p.right_text span {color：＃5DA750;}

解析：

{eju:type typeid='2' empty='欄目不存在時，顯示這裏的文案'}

typeid='2'  2代表欄目ID 根據自己需求替換對應ID

{$field.seo_description|html_msubstr=###,0,13,true}

13帶代表調用內容字節