zc100/template/mobile-bak2_1/components/list/style_10.htm

<?php
$name = "list-s-10";
?>
<link rel="stylesheet" href="/template/pc/components/list/style_10.css" media="all">
<!--定义div盒子-->
<div class="<?php echo $name; ?>-content">
    <div class="box">
        <div class="row">

            <!--热门职称推荐-->
            <div class="content-6">
                <div class="box-6">
                    <div class="layui-col-xs12 qy-32">
                        <div class="layui-col-xs6">
                            <span class="font-57"></span>
                            <a href="" class="font-58">{$eyou.site.name}职称热门推荐</a>
                        </div>
                        <div class="layui-col-xs6 tr">
                            <div class="">
                                <!--                  <span class="font-51">热门城市: </span>-->
                                <!--{$field.siteurl}--->
                                {eyou:citysite siteid="$subcity.id" loop="4" type ='son' currentclass="on"}
                                <span class="font-51"><a href="{:get_tid_url_2('https://www.zc10000.com/?m=home&site='.$field['domain'].'&sitepid='.$field['parent_id'])}">{$field.name}</a> </span>
                                {/eyou:citysite}
                                <span class="font-52" id="area" style="cursor: pointer;">
                                    全部
                                    <svg width="5.579193" height="10.500000" viewBox="0 0 5.57919 10.5" fill="none"
                                        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                        <desc>
                                            Created with Pixso.
                                        </desc>
                                        <defs />
                                        <path id="path"
                                            d="M0.109741 9.85626L4.71545 5.25073L0.109741 0.645264C-0.033905 0.501587 -0.0359497 0.259766 0.111938 0.111938C0.260864 -0.0369873 0.498596 -0.0368652 0.645294 0.109741L5.46942 4.93372C5.55286 5.01709 5.58853 5.13367 5.5748 5.24573C5.59238 5.35999 5.5571 5.48022 5.46942 5.56787L0.645294 10.3918C0.501617 10.5354 0.259827 10.5375 0.111938 10.3896C-0.0369568 10.2407 -0.0369263 10.0029 0.109741 9.85626Z"
                                            fill="#6F6F70" fill-opacity="1.000000" fill-rule="nonzero" />
                                    </svg>


                                </span>
                            </div>
                        </div>
                    </div>


                    <!--显示所有城市-->
                    <div id="citys" style="width: 35%;height:150px;position:absolute;top:60px;right:0%;background: #fff;z-index:9999;padding: 0 1%;overflow-y: scroll;border:1px solid #eee;padding-top:20px;border-radius: 5px;
box-shadow: 10px 10px 25px 0px rgba(3, 8, 82, 0.15);
background: rgba(255, 255, 255, 1.0);" class="hide">
                        <ul style="width:100%;">
                            {eyou:citysite siteid="$subcity.id" loop="50" type ='son' currentclass="on" id
                            ="field"}
                            <!--{$field2.siteurl}&domain={$field.domain}-->
                            <li style="float: left;margin: 5px 10px;" class="{$field.currentclass}"><a href="{:get_tid_url_2('https://www.zc10000.com/?m=home&site='.$field['domain'].'&sitepid='.$field['parent_id'])}" >{$field.name}</a> </li>
                            {/eyou:citysite}
                            <div class="clear"></div>
                        </ul>
                    </div>
                    <script>
                        layui.use(['jquery'], function(args){
                            var $ = layui.jquery;
                            $("#area").on("click", function() {
                                $("#citys").toggleClass("hide");
                            })
                        });
                    </script>


                    <div class="layui-col-xs12 qy-36">

                      


                        {eyou:sql sql='SELECT id FROM __PREFIX__arctype WHERE topid=38 and status=1 and is_hot=1 and type="产品" limit 0,18' cachetime='3600' empty='没有数据' id="catlist"}
                        {eyou:foreach name='$catlist' item='field_id'}
                        {eyou:type typeid='$field_id' empty='暂时没有数据' id="field2"}
                        <li class="qy-36-li">
                            <a href="{:get_tid_url_2($field2['typeurl'],0,0,0,$field2['type'],$field2['topid'])}" style="display: block;">
                                <div class="layui-col-xs12 qy-36-1" style="position:relative;">
                                    <!--https://oss.zc10000.com/static/images/030.svg-->
                                    <img src="https://oss.zc10000.com/static/images/bg_1.png" width="160" height="167"/>
                                    <span style="display:block;position: absolute;top:52%;width:100%;text-align:center;font-size: 20px;font-weight: bold;">
                                        {$field2.typename}
                                    </span>
                                </div>
                                <div class="layui-col-xs12 qy-36-2 tc" style="background: #fff;">
                                    <font class="font-500">{$field2.typename}</font>
                                </div>
                            </a>
                        </li>
                        {/eyou:type}
                        {/eyou:foreach}
                        {/eyou:sql}

                    </div>

                    <div class="clear"></div>
                </div>
            </div>

            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
</div>