index.html 3.29 KB
<section class="hero-section rel  rpt-150 pb-90 rpb-0">
    <div class="shape shapeAnimationOne l-10 t-60">
        <img src="assets/img/shapes/shape1.png" alt="Shape">
    </div>
    <div class="shape shapeAnimationTwo l-70 t-60">
        <img src="assets/img/shapes/shape2.png" alt="Shape">
    </div>
</section>


<section class="rel rpt-150 rpb-0" >
    <img class="recruit-Con" src="assets/img/recruit/bg.png"/>
</section>


<section class="rel" style="top: -170px;">
    <div class="container clearfix">
<!--        <div style="margin: 0 auto;" class="clearfix">-->
            <div class="mr-10 bg-white border float-left p-10 w-70">
                <div class="recruit-box">
                    <div class="header">
                        <i></i>
                        <span>{{recruitLeft.head}}</span>
                    </div>
                    <div class="detail m-1em">
                        <ul>
                            <li class="font-size-13 mt-25">
                                <span class="key font-weight-bold">招聘类型:</span>
                                <span class="value d-inline-block min-width-100">{{recruitLeft.recType}}</span>
                                <span class="key font-weight-bold">工作性质:</span>
                                <span class="value d-inline-block min-width-100">{{recruitLeft.jobType}}</span>
                            </li>
                            <li class="font-size-13 mt-25">
                                <span class="key font-weight-bold">截止时间:</span>
                                <span class="value">{{recruitLeft.time}}</span>
                            </li>
                            <li class="font-size-13 mt-25">
                                <span class="key font-weight-bold">工作地点:</span>
                                <span class="value">{{recruitLeft.workPlace}}</span>
                            </li>
                        </ul>
                    </div>
                    <div class="res" v-for="(v,i) in recruitLeft.jobData">
                        <div class="title font-size-14 mt-25 mb-25">{{v.req}}:</div>
                        <ul class="m-1em">
                            <li class="mt-25" v-for="(item,index) in v.info">
                                {{index+1}}、{{item}}
                                <span v-if="index < v.info.length-1">;</span>
                                <span v-else></span>
                            </li>
                        </ul>
                    </div>
<!--                    <span class="btn btn-danger mt-25 mb-25 ml-15 d-inline-block min-width-100">现在申请</span>-->
                </div>
            </div>
            <div class="bg-white border float-left p-10 w-30">
                <div class="hot-recruit-box">
                    <div class="header">
                        <i></i>
                        <span>{{recruitHot.head}}</span>
                    </div>
                    <ul class="m-1em">
                        <li class="mt-25 hotList" v-for="(item,index) in recruitHot.data">
                            <router-link :to=`/recruit/${item.url}`>{{item.text}}</router-link>
                        </li>
                    </ul>
                </div>
            </div>
<!--        </div>-->
    </div>
</section>