##**产品中心产品列表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>
~~~
