间距 + 顶部行业动态鼠标滑入滑出

src/components/index/PageTop.vue

@@ -12,13 +12,16 @@
                 <li
                         @click.stop="handleClick(index)"
                         @mouseenter="handleShowChildren(index)"
-                        :class="currentIndex==index?'activeLi':''"
+                        @mouseout="handleHideChildren(index)"
+                        :class="[currentIndex==index?'activeLi':'',{'relative':index === 3}]"
                         v-for="(item,index) in list">{{$t('topNav.'+item.name)}}
+                    <div class="childrenLi" v-if="isShowChildren && index === 3" @mouseleave="handleIsHide">
+                        <p @click="handleToIndustryFocus">{{$t('topNav.professionfocusing')}}</p>
+                        <p @click="handleToCase" >{{$t('topNav.cooperationcase')}}</p>
+                    </div>
                 </li>
-                <div class="childrenLi" v-if="isShowChildren">
-                    <p @click="handleToIndustryFocus">{{$t('topNav.professionfocusing')}}</p>
-                    <p @click="handleToCase">{{$t('topNav.cooperationcase')}}</p>
-                </div>
+
+
                 <li v-if="userInfo" class="workPlaceLi" @click="handleToWork"><span class="iconfont icon-ic_web" style="color: #ff9e29;"></span>{{$t("topNav.workPlace")}}</li>
             </ul>
         </div>
@@ -254,6 +257,14 @@
 
             },
 
+            handleHideChildren(index){
+
+            },
+
+            handleIsHide(){
+              this.isShowChildren = false;
+            },
+
             //去消息
             handleToAnnounce(){
                 this.getInitList();
@@ -511,6 +522,9 @@
 
 
 <style scoped lang="scss">
+    .relative {
+        position: relative;
+    }
     .authinfo{
         img{
             height: 17px;
@@ -742,9 +756,10 @@
     .childrenLi{
         background: #fff;
         position: absolute;
-        top:60px;
-        left: 580px;
+        top:40px;
+        left: 0px;
         width: 110px;
+        z-index: 99;
         &>p{
             text-align: center;
             color:#3F3F53;

src/views/knowledge/mobile/detail.vue

@@ -12,7 +12,7 @@
             <div v-for="(item,index) in jsoncont.contentList" class="contentListWrap">
                 <p>
                     <img :src="item.images" alt="">
-                    <span class="imgOrigin">{{item.imgOriginTitle}}</span>
+                    <span class="imgOrigin" v-if="item.imgOriginTitle">{{item.imgOriginTitle}}</span>
                 </p>
                 <p class="contentTitle" v-if="item.contentTitle">{{item.contentTitle}}</p>
             </div>
@@ -122,7 +122,6 @@
             padding: .2rem;
             border-radius: .03rem;
             line-height: .46rem;
-            margin-bottom: .3rem;
             color: #69697A;
         }
         >p:nth-child(1){