织梦模板:hs模板文件 文末下载 pc端 手机端 首页 封面页 列表页 内容页
<!DOCTYPE html>
<html mip>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="description" content="{dede:field.description function='html2text(@me)'/}">
<meta name="keywords" content="{dede:field.keywords/}">
<title>{dede:field.title/}_{dede:field.seotitle /}</title>
<link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css">
<link rel="canonical" href="{dede:type typeid='0′ row=1}[field:typelink /]{/dede:type}">
<style mip-custom>
@charset "utf-8";
/* CSS Document */
body, div, p, ul, li, input, button, textarea,h1,h2,h3,h4 {margin:0; padding:0; font-family:"Microsoft YaHei"; text-align:left; color:#222; line-height:24px; font-size: 16px; font-weight: normal;}
.clear{clear:both;}
body{ max-width:768px; min-width:320px; margin: auto; }
ul,li{list-style: none;}
em{font-style: normal;}
a{ color:#404040; text-decoration: none;}
a:hover{ color:#5CBB0E; text-decoration: none;}
p{color: #999; line-height: 22px; font-size: 14px;}
.border{border-bottom:8px solid #f2f2f2;}
/*---------首页---------*/
/*浮动导航*/
.logo{width: 130px; height: 30px; display: block; float: left; background: url("http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png"); background-size: 290px 190px; margin: 7px 0 7px 10px;}
nav{height: 40px; position: relative; overflow: hidden; z-index: 0;}
nav span{width: 20px; height: 20px; display: block; background: url("http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png") -130px 0; background-size: 290px 190px; float: right; margin: 12px 15px 0 0;}
nav ul{ display: inline-block;float: left;padding: 0 44px 0 15px;}
nav ul li{display: inline-block; line-height: 44px; padding-right: 15px; font-size: 15px;}
#logo{width:75px; height: 90px; display:block ; position: fixed; bottom: 0; right:0;}
#logo span{ width: 20px; height: 16px; display: block; background: url("http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png") -70px 0; background-size: 290px 190px; margin: 14px 15px; float: right;}
.sidebar{width: 90%; padding: 10px 0;}
.sidebar h2{ line-height:30px; color:#878787; padding-left: 10px; font-size:13px;}
.sidebar h2 span{display:block; float:left; margin:8px 6px 0 0;width: 16px; height: 16px; }
.sidebar h2 .span1{background:url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -160px 0; background-size: 290px 190px;}
.sidebar h2 .span2{background:url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -180px 0; background-size: 290px 190px;}
.sidebar h2 .span3{background:url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -200px 0; background-size: 290px 190px;}
.sidebar h2 .span4{background:url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -160px -20px; background-size: 290px 190px;}
.sidebar h2 .span5{background:url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -180px -20px; background-size: 290px 190px;}
.sidebar h2 .span6{background:url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -200px -20px; background-size: 290px 190px;}
.sidebar h2 .span7{background:url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -220px 0; background-size: 290px 190px;}
.sidebar .nav_tags{padding:0 0 5px 10px; font-size:13px; }
.sidebar .nav_tags a{ width:17.8%; height:28px; overflow: hidden; line-height:28px;text-align:center; float:left; margin-right:1%; margin-bottom:4px; display:block; color:#404040; background:#F8F8F8; border:1px solid #dcdcdc; border-radius:3px;}
.sidebar .nav_tags a:hover{ color:#3cac4c; background:#fff; border:1px solid #dcdcdc; border-radius:3px;}
@media(min-width: 768px) {
.sidebar{width: 40%;}
.sidebar .nav_tags a{ width:18%;}
}
/*轮播图*/
span.mip-carousel-current-indicator {background-color:#46b53b;}
.mip-carousel-indicatorBoxwrap{color: #fff;}
.mip-carousle-subtitle {
background: rgba(0,0,0,.4)
}
/*分类导航*/
mip-showmore{ display: block; position: relative;}
.top_subnav{background: #7BCA0B; position: relative;padding-right: 36px;}
.mip-showmore-btn {width: 16px; height: 8px; display: block;background:#7BCA0B url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) no-repeat -130px -20px; background-size: 290px 190px; padding: 0;border: 14px solid #7BCA0B; position: absolute; right: 0px; top: 40px; opacity: .95; }
.mip-showmore-btn:hover{background:#7BCA0B url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) no-repeat -130px -20px; background-size: 290px 190px; color: #7BCA0B; }
.top_subnav ul li a { display: block; float: left; color: #fff; background: #7BCA0B; line-height: 40px; font-size: 14px; padding: 0 0 0 20px; }
@media(min-width: 768px) {
.top_subnav ul li a{width:auto; padding: 0 0 0 30px; }
}
/*热门文章*/
.tophot ul li,.list1 ul li{line-height:44px;height: 44px; display: block; overflow: hidden; border-bottom: 1px solid #F3F3F3; background:url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) no-repeat -260px -32px; background-size: 290px 190px;padding-left: 30px; margin: 0 15px;}
.title{ border-bottom: 1px solid #eee; padding: 20px 0 0 0; height: 41px; position: relative; margin: 0 15px;}
.title h2{font-size: 18px; font-weight: bold; border-bottom: 2px solid #7BCA0B;height: 40px; line-height: 40px; color: #000; display:block; float: left;}
.title em{display: block; position: absolute; width: 75%; height: 24px; line-height: 24px; overflow: hidden; right:0; bottom:5px; font-size: 14px; text-align: right;}
.title em a{ color: #999; margin-left: 15px;}
.title em a:hover{ color: #7BCA0B;}
/*营养师问答*/
.answer{padding: 15px 15px 0 15px;}
.answer section{border-bottom: 1px solid #F3F3F3; padding-bottom: 15px; }
.answer section h3{ display: block; height: 30px; line-height: 30px; overflow: hidden; background:url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) no-repeat -260px -77px; background-size: 290px 190px;padding-left: 32px; }
.answer section p{height: 46px; font-size: 14px; color: #999; line-height: 22px; overflow: hidden; padding-top: 5px; }
.answer ul li{border-bottom: 1px solid #F3F3F3; height: 44px; line-height: 44px; display: block; overflow: hidden; background:url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) no-repeat -260px -68px; background-size: 290px 190px;padding-left: 32px; }
/*饮食食谱*/
.list1 ul li{ background:url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) no-repeat -260px -104px; background-size: 290px 190px; padding-left: 15px;}
/*营养师推荐*/
.list2{ display: block; position: relative; padding:15px 0 0 70px; margin: 0 15px;}
.list2 .left { display: block; position: absolute; top: 15px; left: 0; width: 60px; height: 60px; overflow: hidden; border-radius: 50px; }
.left2_img{width: 60px; height: 60px; border-radius: 30px; overflow: hidden; display: block;}
.list2 .left img{width: 100%; height: auto; min-height: 60px;}
.list2 p{border-bottom: 1px solid #eee; padding:20px 0 15px 0; background:url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) no-repeat -220px -158px; background-size: 290px 190px; }
/*饮食*/
.list3{ border-bottom:1px solid #f3f3f3; display: block; margin: 0 15px;}
.list3 h2{font-size: 18px; line-height: 24px; height:72px; overflow:hidden; font-weight: normal;}
.list3 span{ width:104px; height:72px; overflow:hidden; display:inline-block; float:right; margin-left:10px;}
.list3 span img{width:104px; height:auto; min-height: 72px; }
.list3 p{font-size:14px; color: #bbb; height: 24px; width: 60%; display: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.list3 a{ height: 72px;display: block; padding:10px 0;}
.list3_img ul { display: block; margin: 15px 8px 3px 8px; overflow: hidden; }
.list3_img ul li{width: 31.4%; display: block; float: left; overflow: hidden; margin: 0 .9% 10px .9%; text-align: center; line-height: 30px; font-size: 14px; position: relative;}
.list3_img ul li span{height: 82px; width: 100%; overflow: hidden; display: block;}
.list3_img ul li span img{width: 100%; height: auto; min-height: 82px;}
@media(min-width: 768px) {
.list3_img ul{padding-left: 5px;}
.list3_img ul li{width:32%; margin: 0 4px 15px 4px;}
.list3_img ul li span{height: 160px;}
.list3_img ul li span img{ min-height: 160px;}
}
.wachat img{width: 100%; height: auto;}
/*图标导航*/
.subnav ul{padding: 15px 10px;}
.subnav ul li{width:20%; display: block;float: left; font-size:13px; text-align: center; position: relative; padding-top: 56px;margin-bottom: 15px; height: 24px; overflow: hidden;}
.subnav ul li em{width: 50px;height: 50px; display: block; left: 50%; margin-left: -25px; position: absolute; top: 0;}
.subnav ul li a{ color: #666;}
.subnav ul li a:hover{ color: #000;}
.subnav ul li .em1 {background: url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) 0 -40px; background-size: 290px 190px;}
.subnav ul li .em2 {background: url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -50px -40px; background-size: 290px 190px;}
.subnav ul li .em3 {background: url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -100px -40px; background-size: 290px 190px;}
.subnav ul li .em4 {background: url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -150px -40px; background-size: 290px 190px;}
.subnav ul li .em5 {background: url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -200px -40px; background-size: 290px 190px;}
.subnav ul li .em6 {background: url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) 0 -90px; background-size: 290px 190px;}
.subnav ul li .em7 {background: url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -50px -90px; background-size: 290px 190px;}
.subnav ul li .em8 {background: url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -100px -90px; background-size: 290px 190px;}
.subnav ul li .em9 {background: url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -150px -90px; background-size: 290px 190px;}
.subnav ul li .em10 {background: url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -200px -90px; background-size: 290px 190px;}
.subnav ul li .em11 {background: url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) 0 -140px; background-size: 290px 190px;}
.subnav ul li .em12 {background: url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -50px -140px; background-size: 290px 190px;}
.subnav ul li .em13 {background: url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -100px -140px; background-size: 290px 190px;}
.subnav ul li .em14 {background: url(http://mip.eruiyi.cn/templets/default/snkin_mip_m/img/mip_custom.png) -150px -140px; background-size: 290px 190px;}
/*返回顶部*/
mip-gototop {border-radius: 3px; border:none; background-color: #e2e2e2;}
/*版权信息*/
.footer{background:#444444; width:100%; padding: 6px 0;}
.footer p{ font-size: 12px; line-height: 22px; color: #999; text-align: center;}
/*更多*/
.more a{text-align: center; display: block; line-height: 50px; font-size: 14px; color: #5CBB0E;}
.more a:hover{ color: #5CBB0E;text-decoration: underline;}
</style>
</head>
<body>
<mip-cambrian site-id="1577126315391655" ></mip-cambrian>
<!--组件开始-->
<header>
<div id="logo" on="tap:sidebar.open">全网导航</div>
</header>
<mip-sidebar id="sidebar" layout="nodisplay" class="mip-hidden sidebar">
<h1> <a href="/">蕊屹网赢</a><button on="tap:sidebar.close"> X </button></h1>
{dede:channelartlist type="top" typeid='271'}
<h1><span class="span{dede:field name='id'/}"></span><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></h1>
<div class="nav_tags">
{dede:channel type='son' row='50'}
<a href="[field:typelink/]" target="_blank">[field:typename/]</a>
{/dede:channel}
<div class="clear"></div>
</div>
{/dede:channelartlist}
</mip-sidebar>
<!--组件结束-->
<!--横向导航栏-->
<mip-showmore maxheight="40" animatetime=".3" id="showmore02">
<div class="top_subnav">
<ul>
{dede:channelartlist row="28"}
<li><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></li>
{/dede:channelartlist}
</ul>
<div class="clear"></div>
</div>
</mip-showmore>
<div on="tap:showmore02.toggle" data-closetext="收起" class="mip-showmore-btn"></div>
<!--列表内容-->
<article class="border"><div class="title"><h2><b>{dede:field name='position'/}</b></h2></div></article>
<article class="border">
<div class="tophot">
<ul>
{dede:arclist row='2' flag ='h' orderby='pubdate'}
<li><a href="[field:arcurl/]">[field:fulltitle/]</a></li>
{/dede:arclist}
</ul>
</div>
<div class="title"><h2>推荐</h2></div>
<div class="answer">
{dede:arclist row='1' flag ='c' orderby='pubdate'}
<section>
<h3><a href="[field:arcurl/]">[field:fulltitle/]</a></h3>
<p>【导读】[field:description function='cn_substr(Html2text("@me")."...",280)'/]</p>
</section>
{/dede:arclist}
<ul>
{dede:arclist row='2' flag ='b' orderby='pubdate'}
<li><a href="[field:arcurl/]">[field:fulltitle/]</a></li>
{/dede:arclist}
</ul>
</div>
<div class="title"><h2>特荐</h2></div>
<div class="list1">
<ul>
{dede:arclist row='2' flag ='a' orderby='pubdate'}
<li><a href="[field:arcurl/]">[field:fulltitle/]</a></li>
{/dede:arclist}
</ul>
</div>
<!-- 营养师推荐 -->
<div class="title"><h2>焦点</h2></div>
{dede:arclist row='2' flag ='s' orderby='pubdate'}
<div class="list2">
<a href="[field:arcurl/]" class="left">
[field:array runphp='yes']@me = (strpos(@me['litpic'],'defaultpic') ? "<mip-img layout='responsive' width='60' height='60' popup src='http://mip.eruiyi.cn/images/500/".mt_rand(1,2099).".jpg'/></mip-img>" : "<mip-img layout='responsive' width='60' height='60' popup src='{@me['litpic']}' '/></mip-img>"); [/field:array]
</a>
<h3><a href="[field:arcurl/]">[field:fulltitle/]</a></h3>
<p>【导读】[field:description function='cn_substr(Html2text("@me")."...",80)'/]</p>
</div>
{/dede:arclist}
</article>
<!--焦点图-->
<mip-carousel autoplay defer="3000" layout="responsive" width="600" height="300" indicator>
{dede:arclist row='6' titlelen='200' flag ='p' orderby='pubdate'}
<a target="_blank" href="[field:arcurl/]">
<mip-img popup src="[field:litpic/]" layout="responsive" width="600" height="400" alt="[field:fulltitle/]"></mip-img>
<div class="mip-carousle-subtitle">[field:fulltitle/]</div>
</a>
{/dede:arclist}
</mip-carousel>
<!--end焦点图-->
{dede:channelartlist row='50'}
<article class="border">
<div class="title">
<h2><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></h2>
<em>{dede:channel row=3 type='sun' noself=’yes’}<a href='[field:typeurl /]' target="_blank">[field:typename /]</a>{/dede:channel}<a href="{dede:field name='typeurl'/}">更多</a></em>
</div>
{dede:arclist row='1' flag ='p' limit='6,1'}
<section class="list3"><a href="[field:arcurl/]" target="_blank"><span><mip-img layout="responsive" width="104" height="72" src="[field:litpic/]" alt="[field:fulltitle/]" </mip-img></span><h2>[field:fulltitle/]</h2></a> </section>{/dede:arclist}
<div class="list1">
<ul>{dede:arclist row='4' limit='1,4'}<li><a href="[field:arcurl/]">[field:fulltitle/]</a></li>{/dede:arclist}</ul>
</div>
<div class="list3_img">
<ul>{dede:arclist row='3' limit='5,3'}
<li><a href="[field:arcurl/]"><span>
[field:array runphp='yes']@me = (strpos(@me['litpic'],'defaultpic') ? "<mip-img layout='responsive' width='190' height='132' popup src='http://mip.eruiyi.cn/images/500/".mt_rand(1,2099).".jpg'/></mip-img>" : "<mip-img layout='responsive' width='190' height='132' popup src='{@me['litpic']}' '/></mip-img>"); [/field:array]
</span><em>[field:fulltitle/]</em></a></li>{/dede:arclist}
<div class="clear"></div>
</ul>
</div>
<div class="more"><a href="{dede:field name='typeurl'/}">进入{dede:field name='typename'/}频道 >></a></div>
</article>
{/dede:channelartlist}
<!--图标导航-->
<article class="border">
<div class="title"><h2>最新内容</h2></div>
<div class="list1">
<ul>
{dede:arclist row='5' orderby='sortrank'}
<li><a href="[field:arcurl/]" target="_blank">[field:fulltitle/]</a></li>
{/dede:arclist}
</ul>
</div>
<div class="title"><h2>热点内容</h2></div>
<div class="list1">
<ul>
{dede:arclist row='5' orderby='hot'}
<li><a href="[field:arcurl/]" target="_blank">[field:fulltitle/]</a></li>
{/dede:arclist}
</ul>
</div>
<div class="title"><h2>幻灯内容</h2></div>
<div class="list1">
<ul>
{dede:arclist row='5' flag='f'}
<li><a href="[field:arcurl/]" target="_blank">[field:fulltitle/]</a></li>
{/dede:arclist}
</ul>
</div>
<div class="title"><h2>图文内容</h2></div>
<div class="list1">
<ul>
{dede:arclist row='5' flag='p'}
<li><a href="[field:arcurl/]" target="_blank">[field:fulltitle/]</a></li>
{/dede:arclist}
</ul>
</div>
<div class="title"><h2>跳转内容</h2></div>
<div class="list1">
<ul>
{dede:arclist row='5' flag='j'}
<li><a href="[field:arcurl/]" target="_blank">[field:fulltitle/]</a></li>
{/dede:arclist}
</ul>
</div>
</article>
<div class="subnav">
<div class="title"><h2><a href="http://www.eruiyi.cn/tags.html" target="_blank">专栏推荐</a></h2></div>
<ul>
{dede:tag type='current'}
<a href="http://www.eruiyi.cn[field:link1/]">《[field:tag /]》</a>
{/dede:tag}
</ul>
<div class="clear"></div>
</div>
<mip-iframe
allowfullscreen
layout="fixed-height"
src="http://xieruiyi.mikecrm.com/2uUpVGn"
width="100"
height="430"
allowtransparency="true"
scrolling="no">
</mip-iframe>
<footer class="footer">
<p>{dede:global.cfg_banquan/}</p>
<a href="http://www.beian.miit.gov.cn/" target="_blank"><p>{dede:global.cfg_beian/}</p></a>
</footer>
<!--速回顶部-->
<mip-fixed type="gototop">
<mip-gototop threshold="300"></mip-gototop>
</mip-fixed>
<mip-stats-baidu token="18fe6640cacc702bed82a681188ea690"></mip-stats-baidu>
<mip-stats-cnzz token="1275843066"></mip-stats-cnzz>
<!--js文件-->
<script src="https://mipcache.bdstatic.com/static/v1/mip.js"></script>
<script src="https://mipcache.bdstatic.com/static/v1/mip-nav-slidedown/mip-nav-slidedown.js"></script>
<script src="https://mipcache.bdstatic.com/static/v1/mip-showmore/mip-showmore.js"></script>
<script src="https://mipcache.bdstatic.com/static/v1/mip-sidebar/mip-sidebar.js"></script>
<script src="https://mipcache.bdstatic.com/static/v1/mip-gototop/mip-gototop.js"></script>
<script src="https://mipcache.bdstatic.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script>
<script src="https://c.mipcdn.com/static/v1/mip-semi-fixed/mip-semi-fixed.js"></script>
<script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
<script src="https://c.mipcdn.com/static/v1/mip-fixed/mip-fixed.js"></script>
<script src="https://c.mipcdn.com/static/v1/mip-stats-cnzz/mip-stats-cnzz.js"></script>
</body>
</html>
发表评论 取消回复