##**產品中心產品列表dom結構**
>以下為示例代碼
~~~
<div id="h5c_user_cms_case">
....................
<ul id="case_group">
<li class="case-group-item"><a href=""></a></li>
</ul>
.................
</div>
~~~
##**新聞中心列表dom結構**
>以下為示例代碼
~~~
<div id="h5c_user_cms_news">
.....
<ul id="news_group">
<li class="news-group-item"><a href=""></a></li>
</ul>
...........
</div>
~~~
標簽可以不是div>ul>li 但是id 及class的父子級關系要以上面為準比如
`div#h5c_user_cms_news>div#case_group div.case-group-item`
l
**分頁部分：** #h5c_paging
**.case-group-item**內部元素的class說明
|class|說明|
|----|----|
|item-name|新聞標題|
|item-link|鏈接|
|item-thumb|縮略圖|
|item-addtime|新聞發布時間|
|item-description|描述|
>描述模塊要添加data-newsgroupintroducesnumber屬性標識描述要截取內容的字數
**代碼示例**
~~~
<p class="col-md-8 col-sm-12">
<a href="javascript:void(0)" class="item-link item-description" target="_blank" data-newsgroup="introduces" data-newsgroupintroducesnumber="81">
免費力度空前，市面上價格過萬的網站可以免費建。獨立域名綁定、主機空間、網站流量、新款人氣模板、豐富功能應用、自傳播控件、SEO獨立優化統統免費。空間流量放心使用。
</a>
</p>
~~~
##**新聞頁面**
內容主體部分id:#h5c_user_cms_article
|id|說明|
|----|----|
|article_name|新聞標題|
|article_content|新聞內容|
|article_addtime|新聞發布時間|
|article_link|上一篇下一篇|
|article_thumb|縮略圖|
**分頁要給a加class:page-prev和page-next**
分頁樣式示例代碼
~~~
<div id="article_link" class="text-center">
<ul class="pagination">
<li><a href="javascript:void(0)" class="page-prev">上一篇</a></li>
<li><a href="javascript:void(0)" class="page-next">下一篇</a></li>
</ul>
</div>
~~~
##**產品頁面**
內容主體部分id:#h5c_user_cms_product
|id|說明|
|----|----|
|product_name|新聞標題|
|product_content|新聞內容|
|product_addtime|新聞發布時間|
|product_link|上一篇下一篇|
|product_thumb|產品縮略圖|
**分頁要給a加class:page-prev和page-next**
分頁樣式示例代碼
~~~
<div id="product_link" class="text-center">
<ul class="pagination">
<li><a href="javascript:void(0)" class="page-prev">上一篇</a></li>
<li><a href="javascript:void(0)" class="page-next">下一篇</a></li>
</ul>
</div>
~~~
