index1.html 14.4 KB
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>首页</title>
    <link href="__TMPL__Public/assets/css/reset.css" rel="stylesheet" type="text/css" />
    <link href="__TMPL__Public/assets/css/common.css" rel="stylesheet" type="text/css" />
    <link href="__TMPL__Public/assets/css/flexslider.css" rel="stylesheet" type="text/css" />
    <link href="__TMPL__Public/assets/css/style.css" rel="stylesheet" type="text/css" />
    <style>
        .inheritor .hd li{
            position: relative;
        }
        .inheritor .hd li span{
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translateX(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            width: 15px;
        }
    </style>
</head>
<body>
<tc_include file="Public:header" />
<div class="navbar">
    <ul class="nav">
        <volist name="site_nav" id="vo">
            <eq name='key' value='0'>
                <li class="active"><a href="__ROOT__">{$vo.label}</a></li>
                <else/>
                <li><a href="{:U($vo['href'])}">{$vo.label}</a></li>
            </eq>
        </volist>
        <li class="dropdown-menu">
            <div class="site-nav-all"><a href="{:U('Portal/Goods/index')}">所有商品</a></div>
            <!--下拉菜单-->
            <div class="nav-dropdown">
                <div class="main clearfix">
                    <volist name="goods_nav" id="vo" key="key">
                        <dl class="nav-menu">
                            <dt class="menu-{$key}"><a href="{:U('Portal/Goods/goods_list', array('id'=>$vo['id']))}">{$vo.name}</a></dt>
                            <volist name="vo.child" id="child">
                                <dd><a href="{:U('Portal/Goods/goods_list', array('cid'=>$child['id']))}">{$child.name}</a></dd>
                            </volist>
                        </dl>
                    </volist>
                </div>
            </div>
        </li>
    </ul>
</div>
<!--banner 轮播图-->
<php>
    $home_slides=sp_getslide("index_slide");

    $home_slides=empty($home_slides)?$default_home_slides:$home_slides;
</php>
<div class="flexslider">
    <ul class="slides">
        <volist name="home_slides" id="vo">
            <li><a href="{$vo.slide_url}"><img src="{:sp_get_asset_upload_path($vo['slide_pic'])}" /></a></li>
        </volist>
    </ul>
</div>
<!--传承人-->
<div class="index-section cc-section">
    <div class="box-header">
        <img src="__TMPL__Public/assets/images/index_title1.png"/> <a href="{:U('Portal/Successor/index')}" class="box-more"><span>更多</span></a>
    </div>
    <div class="main">
        <div class="inheritor">
            <div class="bd">
                <volist name="successorList" id="vo">
                    <div class="inheritor-item">
                        <div class="inher-pic">
                            <a href="" class="scale"><img src="{:sp_get_image_preview_url($vo['thumb'])}"/></a>
                        </div>
                        <div class="inher-text">
                            <div class="inher-name">
                                <span>{$vo.name}</span><img src="__TMPL__Public/assets/images/yin.png" alt="" />
                            </div>
                            <div class="inher-desc">
                                <div class="inher-content">{$vo.description|msubstr=###,0,220}</div>
                            </div>
                        </div>
                    </div>
                </volist>
            </div>
            <div class="hd">
                <ul>
                    <volist name="successorList" id="vo" key="key">
                        <li class="<eq name='key' value='1'>on</eq>"><span>{$vo.name}</span></li>
                    </volist>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--活动赛事-->
<div class="index-section">
    <div class="box-header">
        <img src="__TMPL__Public/assets/images/index_title2.png"/> <a href="{:U('Portal/ChanceEvents/index')}" class="box-more"><span>更多</span></a>
    </div>
    <div class="main">
        <div class="media-box">
            <div class="media-pic">
                <a href="{:U('Portal/ChanceEvents/detail',array('id'=>$chanceEventsTop['id']))}" class="scale"><img src="{:sp_get_image_preview_url($chanceEventsTop['thumb'])}"/></a>
            </div>
            <div class="media-text">
                <div class="media-title"><a href="{:U('Portal/ChanceEvents/detail',array('id'=>$chanceEventsTop['id']))}">{$chanceEventsTop.name}</a></div>
                <div class="meida-desc">{$chanceEventsTop.description}</div>
                <a href="{:U('Portal/ChanceEvents/detail',array('id'=>$chanceEventsTop['id']))}" class="media-more">详情</a>
            </div>
        </div>
        <ul class="media-list">
            <volist name="chanceEventsList" id="vo">
                <li>
                    <div class="media-time">
                        <div class="day">{:date('d',$vo['ctime'])}</div>
                        <div class="year-month">{:date('Y-m',$vo['ctime'])}</div>
                    </div>
                    <div class="media-list-intro">
                        <div class="list-title"><a href="{:U('Portal/ChanceEvents/detail',array('id'=>$vo['id']))}">{$vo.name}</a></div>
                        <div class="list-desc">{$vo.description}</div>
                    </div>
                </li>
            </volist>
        </ul>
    </div>
</div>
<!--体验培训-->
<div class="index-section ty-section">
    <div class="box-header">
        <span class="box-tit">体验培训</span> <a href="{:U('Portal/Train/work')}" class="box-more"><span>更多</span></a>
    </div>
    <div class="main">
        <ul class="train-list">
            <volist name="trainList" id="vo">
                <li>
                    <a href="{:U('Portal/Train/detail',array('id'=>$vo['id']))}" class="train-box">
                        <div class="train-pic">
                            <img src="{:sp_get_image_preview_url($vo['thumb'])}"/>
                            <div class="train-more">
                                <div class="so"></div>
                                <p>查看详情</p>
                            </div>
                        </div>
                        <div class="train-text">
                            <div class="train-tit">{$vo.name}</div>
                            <div class="train-intro">{$vo.description}</div>
                        </div>
                    </a>
                </li>
            </volist>
        </ul>
    </div>
</div>
<!--高校非遗社团-->
<div class="index-section bg-section">
    <div class="box-header">
        <span class="box-tit">高校非遗社团</span> <a href="{:U('Portal/ChanceArticle/corporate/sort/2')}" class="box-more"><span>更多</span></a>
    </div>
    <div class="main">
        <ul class="association-list">
            <volist name="chanceArticleList" id="vo">
                <li>
                    <a href="{:U('Portal/ChanceArticle/corporate/sort/2')}" class="assoc-box scale">
                        <img src="{:sp_get_image_preview_url($vo['thumb'])}"/>
                        <div class="assoc-popover">
                            <div class="assoc-title">{$vo.name}</div>
                            <div class="assoc-desc">{$vo.description}</div>
                        </div>
                    </a>
                </li>
            </volist>
        </ul>
    </div>
</div>
<!--地方非遗-->
<div class="index-section">
    <div class="box-header">
        <img src="__TMPL__Public/assets/images/index_title3.png"/> <a href="{:U('Portal/LocalRemains/index')}" class="box-more"><span>更多</span></a>
    </div>
    <div class="main">
        <div class="media-box">
            <div class="media-pic">
                <a href="{:U('Portal/LocalRemains/detail',array('id'=>$localRemainsTop['id']))}" class="scale"><img src="{:sp_get_image_preview_url($localRemainsTop['thumb'])}"/></a>
            </div>
            <div class="media-text">
                <div class="media-title"><a href="{:U('Portal/LocalRemains/detail',array('id'=>$localRemainsTop['id']))}">{$localRemainsTop.name}</a></div>
                <div class="meida-desc">{$localRemainsTop.description}</div>
                <a href="{:U('Portal/LocalRemains/detail',array('id'=>$localRemainsTop['id']))}" class="media-more">详情</a>
            </div>
        </div>
        <ul class="media-list">
            <volist name="localRemainsList" id="vo">
                <li>
                    <div class="media-time">
                        <div class="day">{:date('d',$vo['ctime'])}</div>
                        <div class="year-month">{:date('Y.m',$vo['ctime'])}</div>
                    </div>
                    <div class="media-list-intro">
                        <div class="list-title"><a href="{:U('Portal/LocalRemains/index')}">{$vo.name}</a></div>
                        <div class="list-desc">{$vo.description|mb_substr=0,35,'utf-8'}</div>
                    </div>
                </li>
            </volist>
        </ul>
    </div>
</div>
<!--地方特色文创-->
<div class="index-section ts-section">
    <div class="box-header">
        <span class="box-tit">地方特色文创</span> <a href="{:U('Portal/LocalRemains/index')}" class="box-more"><span>更多</span></a>
    </div>
    <div class="main">
        <ul class="winchance-list">
            <volist name="localRemainsLists" id="vo">
            <li>
                <div class="winchance-box">
                    <div class="win-top">
                        <a href="{:U('Portal/LocalRemains/detail',array('id'=>$vo['id']))}" class="win-pic">
                            <img src="{:sp_get_image_preview_url($vo['thumb'])}" width="233" height="158"/></a>
                        <!--<div class="win-price"><span>¥</span>118.00</div>-->
                    </div>
                    <div class="win-intro">
                        <div class="win-tit">{$vo.name}</div>
                        <div class="win-desc">{$vo.else}</div>
                        <a href="{:U('Portal/LocalRemains/detail',array('id'=>$vo['id']))}" class="win-more">立即查看</a>
                    </div>
                </div>
            </li>
            </volist>
        </ul>
    </div>
</div>
<!--非遗项目-->
<div class="index-section fy-section">
    <div class="box-header">
        <img src="__TMPL__Public/assets/images/index_title4.png"/> <a href="{:U('Portal/Project/index')}" class="box-more"><span>更多</span></a>
    </div>
    <div class="main">
        <div class="project-main">
            <div class="bd">
                <volist name="projectList" id="vo">
                    <a href="{:U('Portal/Project/detail',array('id'=>$vo['id']))}" class="project-box">
                        <div class="project-intro">
                            <div class="ject-tit">{$vo.name}</div>
                            <div class="ject-desc">
                                <div class="ject-content">{$vo.description}</div>
                            </div>
                        </div>
                        <div class="ject-pic"><img src="{:sp_get_image_preview_url($vo['thumb'])}"/></div>
                    </a>
                </volist>
            </div>
            <div class="hd">
                <ul>
                    <volist name="projectList" id="vo" key="key">
                        <eq name="key" value="1"><li class="on"><span></span></li></eq>
                        <eq name="key" value="2"><li><span></span></li></eq>
                        <eq name="key" value="3"><li><span></span></li></eq>
                        <eq name="key" value="4"><li><span></span></li></eq>
                        <eq name="key" value="5"><li><span></span></li></eq>
                    </volist>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--研究院-->
<div class="index-section">
    <div class="box-header">
        <img src="__TMPL__Public/assets/images/index_title5.png"/> <a href="{:U('Portal/Academe/design')}" class="box-more"><span>更多</span></a>
    </div>
    <div class="main">
        <div class="media-box">
            <div class="media-pic">
                <php>$smeta = json_decode($academeTop['smeta'],true);</php>
                <a href="{:U('Portal/Academe/detail',array('id'=>$academeTop['id']))}" class="scale"><img src="{:sp_get_image_preview_url($smeta['thumb'])}"/></a>
            </div>
            <div class="media-text">
                <div class="media-title"><a href="{:U('Portal/Academe/detail',array('id'=>$academeTop['id']))}">{$academeTop.post_title}</a></div>
                <div class="meida-desc">{$academeTop.post_excerpt}</div>
                <a href="{:U('Portal/Academe/detail',array('id'=>$academeTop['id']))}" class="media-more">详情</a>
            </div>
        </div>
        <ul class="media-list">
            <volist name="academeList" id="vo">
                <li>
                    <div class="media-time">
                        <div class="day">{:date('d',strtotime($vo['post_date']))}</div>
                        <div class="year-month">{:date('Y.m',strtotime($vo['post_date']))}</div>
                    </div>
                    <div class="media-list-intro">
                        <div class="list-title"><a href="{:U('Portal/Academe/detail',array('id'=>$vo['id']))}">{$vo.post_title}</a></div>
                        <div class="list-desc">{$vo.post_excerpt|mb_substr=0,35,'utf-8'}</div>
                    </div>
                </li>
            </volist>
        </ul>
    </div>
</div>
<tc_include file="Public:footer"/>
<!-- js -->
<script src="__TMPL__Public/assets/js/jquery.min.js"></script>
<script src="__TMPL__Public/assets/js/common.js"></script>
<!--切换-->
<script src="__TMPL__Public/assets/js/jquery.SuperSlide.js"></script>
<script type="text/javascript">
    jQuery(".inheritor").slide({mainCell:".bd"});
    jQuery(".project-main").slide({mainCell:".bd"});
</script>
<!--b轮播图-->
<script src="__TMPL__Public/assets/js/flexslider.min.js"></script>
<script type="text/javascript">
    $(function() {
        $(".flexslider").flexslider({
            animation:'slide',
            slideshow: true,
            slideshowSpeed: 5000, //展示时间间隔ms
            animationSpeed: 1000, //滚动时间ms
            touch: true //是否支持触屏滑动
        });
    });
</script>
<tc_include file="Public:script"/>
</body>
</html>