php_group
/
watercat_website


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267
							<!DOCTYPE html>
<html>
<head>
    <title>首页 {$site_info.site_name|default=''}</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}"/>
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head"/>
    <link href="__TMPL__/public/assets/css/slippry/slippry.css" rel="stylesheet">
    <style>
        .caption-wraper {
            position: absolute;
            left: 50%;
            bottom: 2em;
        }

        .caption-wraper .caption {
            position: relative;
            left: -50%;
            background-color: rgba(0, 0, 0, 0.54);
            padding: 0.4em 1em;
            color: #fff;
            -webkit-border-radius: 1.2em;
            -moz-border-radius: 1.2em;
            -ms-border-radius: 1.2em;
            -o-border-radius: 1.2em;
            border-radius: 1.2em;
        }

        .tc-gridbox {
            margin: 0;
        }

        @media (max-width: 767px) {
            .caption-wraper {
                left: 0;
                bottom: 0.4em;
            }

            .caption-wraper .caption {
                left: 0;
                padding: 0.2em 0.4em;
                font-size: 0.92em;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0;
            }
        }

    </style>
    <hook name="before_head_end"/>
</head>
<body class="body-white">
<include file="public@nav"/>

<ul id="home-slider" class="list-unstyled">
    <php>
        $top_slide_id=empty($theme_vars['top_slide'])?1:$theme_vars['top_slide'];
    </php>
    <slides id="$top_slide_id">
        <li>
            <div class="caption-wraper">
                <div class="caption">{$vo.title|default=''}</div>
            </div>
            <a href="{$vo.url|default=''}"><img src="{:cmf_get_image_url($vo.image)}" alt=""></a>
        </li>
    </slides>
    <noslides id="$top_slide_id">
        <li>
            <div class="caption-wraper">
                <div class="caption">此幻灯片只是演示,您没有设置任何幻灯片,请到后台模板设置！</div>
            </div>
            <a href=""><img src="__TMPL__/public/assets/images/demo/1.jpg" alt=""></a>
        </li>
        <li>
            <div class="caption-wraper">
                <div class="caption">此幻灯片只是演示,您没有设置任何幻灯片,请到后台模板设置！</div>
            </div>
            <a href=""><img src="__TMPL__/public/assets/images/demo/2.jpg" alt=""></a>
        </li>
        <li>
            <div class="caption-wraper">
                <div class="caption">此幻灯片只是演示,您没有设置任何幻灯片,请到后台模板设置！</div>
            </div>
            <a href=""><img src="__TMPL__/public/assets/images/demo/3.jpg" alt=""></a>
        </li>
    </noslides>
</ul>

<div class="container">
    <widget name="features">
        <div>
            <h1 class="text-center">{$widget.title}</h1>
            <h3 class="text-center">{$widget.vars.sub_title}</h3>
        </div>
        <php>
            $features_count = count($widget['vars']['features']);
            $rows = ceil($features_count/3);
        </php>
        <for start="1" end="$rows" comparison="elt" step="1" name="row">
            <php>
                $first_row = ($row-1)*3;
                $features = array_slice($widget['vars']['features'],$first_row,3);
            </php>
            <div class="row">
                <foreach name="features" item="vo">
                    <div class="col-md-4">
                        <h2 class="font-large nospace"><i class="fa fa-{$vo.icon}"></i> {$vo.title}</h2>
                        <p>{$vo.content}</p>
                    </div>
                </foreach>
            </div>
        </for>

    </widget>
    <div>
        <div class="grid-container workerlist">
            <foreach name="list" item="item" key="filterName">
                    <div class="item">
                        <div class="info2">
                            <div class="div1">正在等活……</div>
                            <div  class="div2">面议</div>
                        </div>  
                        <div class="worktype">
                            <foreach name="item.worktype" item="wt" key="wtName">
                                <label for="">{$wt.workertypedisstr}</label>
                            </foreach>
                        </div>
                         <hr>
                        <div class="info">
                           <img src="{$item.photourl}" alt="" class="photourl">  {$item.wname}
                        </div>
                    </div>    
            </foreach>
        </div>
    </div>
    <widget name="last_news">
        <div>
            <h1 class="text-center">{$widget.title}</h1>
        </div>

        <div class="row">
            <php>
                $widget["vars"]["last_news_category_id"] = empty($widget["vars"]["last_news_category_id"])?1:$widget["vars"]["last_news_category_id"];
                $last_news_limit=4;
            </php>
            <portal:articles limit="$last_news_limit" order="post.published_time DESC"
                             categoryIds="$widget.vars.last_news_category_id">
                <div class="col-md-3">
                    <div class="tc-gridbox">
                        <div class="header">
                            <div class="item-image">
                                <a href="{:cmf_url('portal/Article/index',array('id'=>$vo.id,'cid'=>$vo.category_id))}">
                                    <present name="vo.more.thumbnail">
                                        <empty name="vo.more.thumbnail">
                                            <img src="__TMPL__/public/assets/images/default-thumbnail.png"
                                                 class="img-responsive"
                                                 alt="">
                                            <else/>
                                            <img src="{:cmf_get_image_url($vo.more.thumbnail)}"
                                                 class="img-responsive"
                                                 alt="">
                                        </empty>
                                        <else/>
                                        <img src="__TMPL__/public/assets/images/default-thumbnail.png"
                                             class="img-responsive"
                                             alt="">
                                    </present>
                                </a>
                            </div>
                            <h3>
                                <a href="{:cmf_url('portal/Article/index',array('id'=>$vo.id,'cid'=>$vo.category_id))}">{$vo.post_title}</a>
                            </h3>
                            <hr>
                        </div>
                        <div class="body">
                            <p>
                                <a href="{:cmf_url('portal/Article/index',array('id'=>$vo.id,'cid'=>$vo.category_id))}">...</a>
                            </p>
                        </div>
                    </div>
                </div>
            </portal:articles>
        </div>
    </widget>
    <include file="public@footer"/>
</div>
<!-- /container -->
<include file="public@scripts"/>
<script src="__TMPL__/public/assets/js/slippry.min.js"></script>
<script>
    $(function () {
        $("#home-slider").slippry({
            transition: 'fade',
            useCSS: true,
            captions: false,
            speed: 1000,
            pause: 3000,
            auto: true,
            preload: 'visible'
        });
        $("#home-slider").show();
    });
</script>
<style>
    hr{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 定义两列，每列占据相等空间 */
    gap: 40px; /* 可选：设置网格项之间的间隙 */
    }
    
    .grid-item {
    background-color: #f0f0f0; /* 可选：为网格项添加背景色以便于查看布局 */
    padding: 20px; /* 可选：添加内边距 */
    }
    .workerlist{
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .workerlist .item{
        background: #FFFFFF;
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
        border-radius: 15px;
    }
    .item .info{
        padding: 1em;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }
    .item .info .photourl{
        width: 50px;
        height: 50px;
        border-radius: 100px;
    }
    .item .info2{
          padding: 1em;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .item .info2 .div1{
        font-size: larger;
        font-weight: bold;
    }
    .item .info2 .div2{
        font-size: larger;
        color: chocolate;
    }
    .item .worktype{
        padding: 1em;
    }
    .item .worktype label{
        background-color: #F5F5F5 ;
        padding: 1em;
        border-radius: 10px;
    }
</style>
<hook name="before_body_end"/>
</body>
</html>