iebug修复

assets/css/style.css

@@ -825,8 +825,9 @@
                 -webkit-transition: all 0.3s ease-out 0s;
                 transition: all 0.3s ease-out 0s;
                 z-index: 99;
-                webkit-box-shadow: 0px 10px 20px 10px rgb(179 202 216 / 20%);
-                box-shadow: 0px 10px 20px 10px rgb(179 202 216 / 20%);
+                box-shadow: 0px 10px 20px 10px rgba(170, 170, 170, 0.1);
+                -webkit-box-shadow: 0px 10px 20px 10px rgba(170, 170, 170, 0.1);
+                -moz-box-shadow: 0px 10px 20px 10px rgba(170, 170, 170, 0.1);
             }
             
             header .mainmenu-area .main-menu .menu-items ul li .submenu>li {
@@ -5195,6 +5196,10 @@
                 -webkit-line-clamp: 2;
                 line-clamp: 2;
                 -webkit-box-orient: vertical;
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 2;
+                overflow: hidden;
             }
             /* 面包屑 */
             
@@ -5247,8 +5252,11 @@
                 background: #ffffff;
                 border-radius: 10px;
                 margin-bottom: 30px;
-                -webkit-box-shadow: 0px 10px 20px 10px rgb(179 202 216 / 20%);
-                box-shadow: 0px 10px 20px 10px rgb(179 202 216 / 20%);
+                /* -webkit-box-shadow: 0px 10px 20px 10px rgb(179 202 216 / 20%);
+                box-shadow: 0px 10px 20px 10px rgb(179 202 216 / 20%); */
+                box-shadow: 0px 10px 20px 10px rgba(170, 170, 170, 0.1);
+                -webkit-box-shadow: 0px 10px 20px 10px rgba(170, 170, 170, 0.1);
+                -moz-box-shadow: 0px 10px 20px 10px rgba(170, 170, 170, 0.1);
             }
             
             .whyUs-item.active {
@@ -5388,6 +5396,10 @@
                 margin-top: 30px
             }
             
+            .swiper-slide {
+                width: 100%!important
+            }
+            
             @media (max-width: 992px) {
                 .title-tag2 {
                     font-size: 20px;
@@ -5549,6 +5561,7 @@
                 font-size: 12px;
                 color: #646464;
                 line-height: 36px;
+                bottom: 0
             }
             
             @media(min-width:1280px) and (max-width:1366px) {

index.html

@@ -172,21 +172,21 @@
                     <div class=" col-md-6 col-sm-12">
                         <div class=" row">
                             <div class="col-md-6">
-                                <div class="whyUs-item text-center" @click="msg=0" :class="{'active':msg===0}">
+                                <div class="whyUs-item text-center" @mouseover="msg=0" :class="{'active':msg===0}">
                                     <i class=" iconfont ">&#xe650;</i>
                                     <p>专业的项目执行团队</p>
                                 </div>
-                                <div class="whyUs-item text-center " @click="msg=2 " :class="{'active':msg===2}">
+                                <div class="whyUs-item text-center " @mouseover="msg=2 " :class="{'active':msg===2}">
                                     <i class="iconfont ">&#xe691;</i>
                                     <p>十六年的服务经验</p>
                                 </div>
                             </div>
                             <div class="col-md-6 ">
-                                <div class="whyUs-item text-center pos-top " @click="msg=1 " :class="{'active':msg===1}">
+                                <div class="whyUs-item text-center pos-top " @mouseover="msg=1 " :class="{'active':msg===1}">
                                     <i class="iconfont ">&#xe693;</i>
                                     <p>成熟的运维服务体系</p>
                                 </div>
-                                <div class="whyUs-item text-center " @click="msg=3 " :class="{'active':msg===3}">
+                                <div class="whyUs-item text-center " @mouseover="msg=3 " :class="{'active':msg===3}">
                                     <i class="iconfont ">&#xe692;</i>
                                     <p>一站式技术服务解决</p>
                                 </div>

join/index.html

@@ -143,28 +143,32 @@
             <div v-if="loading" class="pt-60 pb-60">
                 <div class="loadEffect"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
             </div>
-            <div v-for="(job,idx) in jobs" :key="idx" class="row">
-                <div class="col-lg-12 col-md-12">
-                    <div class="content">
-                        <h1>
-                            [招聘职位] <span>{{job.jobVacancy}} ({{job.recruits_rs}}名)</span>
-                        </h1>
-                        <h2>岗位职责：</h2>
-                        <div>
-                            <p v-for="(responsibility, idx) in job.responsibility" :key="idx">{{responsibility}}</p>
-                        </div>
-                        <h2 v-if="hasRequirment">任职要求：</h2>
-                        <div>
-                            <p v-for="(requirement, idx) in job.requirement" :key="idx">{{requirement}}</p>
+            <div v-if="hasJobs">
+                <div v-for="(job,idx) in jobs" :key="idx" class="row">
+                    <div class="col-lg-12 col-md-12">
+                        <div class="content">
+                            <h1>
+                                [招聘职位] <span>{{job.jobVacancy}} ({{job.recruits_rs}}名)</span>
+                            </h1>
+                            <h2>岗位职责：</h2>
+                            <div>
+                                <p v-for="(responsibility, idx) in job.responsibility" :key="idx">{{responsibility}}</p>
+                            </div>
+                            <h2 v-if="hasRequirment">任职要求：</h2>
+                            <div>
+                                <p v-for="(requirement, idx) in job.requirement" :key="idx">{{requirement}}</p>
+                            </div>
+                            <span class="email pt-30 ">有意者请将详细简历发送到: <a :href="`mailto:${currentJob.contactEmail}`" >{{currentJob.contactEmail}}</a> </span>
                         </div>
-                        <span class="email pt-30 ">有意者请将详细简历发送到: <a :href="`mailto:${currentJob.contactEmail}`" >{{currentJob.contactEmail}}</a> </span>
                     </div>
                 </div>
             </div>
+
         </div>
     </section>
     <!--====== JOIN END======-->
 
+
     <!--====== FOOTER PART START ======-->
     <footer>
         <!-- widgets -->
@@ -265,6 +269,10 @@
     <script src="../assets/js/main.js"></script>
     <!--====== Setting Info js=======-->
     <script src="../assets/js/settinginfo.js"></script>
+
+    <!--====== Vue Developer js ======-->
+    <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
+
     <!--====== Vue js======-->
     <script src="../assets/js/vue.min.js"></script>
     <script>
@@ -287,9 +295,12 @@
                 }
             },
             methods: {
-
+                changeJob: function(id) {
+                    this.selectdId = id;
+                }
             },
             mounted: function() {
+                // this.jobs = window.jobsinfo;
 
                 var self = this;
                 this.jobs = [];
@@ -306,7 +317,6 @@
                     res.data.forEach(function(item) {
                         var tmp_job = {};
                         tmp_job['jobVacancy'] = item.title;
-                        tmp_job['recruits_rs'] = item.recruits_rs;
                         tmp_job['responsibility'] = item.duty ? item.duty : [];
                         tmp_job['requirement'] = item.requirement ? item.requirement : [];
                         tmp_job['contactEmail'] = item.mailbox;