首页部分样式

MP_verify_SQlZoxDI1cfmjZhX.txt

+SQlZoxDI1cfmjZhX
\ No newline at end of file

public/css/common.scss

@@ -233,6 +233,7 @@ input.el-input__inner {
 
 .requireContent .companyInfo .rightInfo {
   padding-left: 65px;
+  max-height: 80px;
 }
 
 .requireContent .companyInfo .rightInfo p {
@@ -241,6 +242,10 @@ input.el-input__inner {
   font-weight: bold;
   cursor: pointer;
   padding-bottom: 6px;
+  width: 180px;
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap;
 }
 
 .requireContent .companyInfo .rightInfo span {
@@ -249,7 +254,12 @@ input.el-input__inner {
   line-height: 19px;
   color: #9197B4;
   height: 40px;
-
+  display: -webkit-box;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  word-break: break-all;
+  overflow: hidden;
 }
 
 .requireContent img {
@@ -261,7 +271,7 @@ input.el-input__inner {
 }
 
 .requireContent .contentInfo p {
-  padding: 3px 0;
+  padding: 5px 0;
 }
 
 .requireContent .contentInfo p > span {

src/components/index/PageTop.vue

 <template>
-    <div :class="[initStyle?'boxWrapper initBoxWrapper':'boxWrapper noinitBoxWrapper',isShow?'':'loginedTopWrapper']">
+    <div :class="[initStyle?'boxWrapper initBoxWrapper':'boxWrapper noinitBoxWrapper',isOther?'whiteWrapper':'',isShow?'':'loginedTopWrapper']">
         <div class="header-left">
             <img src="../../assets/img/index/techbook-LOGO-02@2x.png" alt="" v-if="initStyle&&isShow" @click="$router.push('/')">
             <img src="../../assets/img/index/techbook-LOGO-01@2x.png" alt="" v-if="(!initStyle&&isShow)||!isShow"  @click="$router.push('/')">
@@ -125,10 +125,16 @@
         name: 'PageTop',
         props: {
             initStyle: {
-                type: Boolean
+                type: Boolean,
+                default:true
             },
             isShow:{
-                type:Boolean
+                type:Boolean,
+                default:false
+            },
+            isOther:{
+                type:Boolean,
+                default:false
             }
         },
         data() {
@@ -167,13 +173,16 @@
         methods: {
             handleClick(index) {
                 this.currentIndex = index;
+                if((index==1||index==2)&&!this.userInfo) {
+                    this.$router.push('/login');
+                }
                 if(index==5) this.$router.push("/aboutwe");
                 if(index==3) this.$router.push("/lndustryfocus");
                 if(index==0) this.$router.push("/");
-                // if(index!=0&&!this.userInfo) {
-                //     this.$router.push('/login');
-                // }else
-                    if(index==1){
+                if(index==4) {
+                    console.log(1)
+                }
+                if(index==1){
                     this.$router.push("/seeprojectlist");
                 }else if(index==2){
                     this.$router.push("/bigBusiness/list")
@@ -340,6 +349,9 @@
         }
     }
 
+    .whiteWrapper{
+        background: #fff !important;
+    }
 
     .initBoxWrapper {
         background-color: transparent;
@@ -367,6 +379,7 @@
 
     .noinitBoxWrapper {
         background-color: #fff;
+        box-shadow:0px 1px 5px 0px rgba(0,0,0,0.1);
         .header-content li {
             color: #3F3F53;
             font-weight: bold;
@@ -411,7 +424,6 @@
         top: 0;
         left: 0;
         padding: 0 40px;
-        box-shadow:0px 1px 5px 0px rgba(0,0,0,0.1);
     }
 
     .loginedTopWrapper{

src/views/index.vue

 <template>
     <div class="page-wrapper">
-        <page-top :initStyle="isInit" :isShow="isShow" @itemNav="sendItemNav"></page-top>
+        <page-top :initStyle="isInit" :isShow="isShow" :isOther="isOther" @itemNav="sendItemNav"></page-top>
         <div class="page-content popper-boundaries">
             <router-view/>
         </div>
@@ -20,37 +20,46 @@
                 isInit: true,
                 isShow: false,
                 indexwe:0,
+                isOther:false
             }
         },
         methods: {
             sendItemNav(val){
                 this.indexwe = val;
-                if(val >= 2){
+                if(val!=0){
                     this.isInit = false;
+                    this.isOther = true;
+                }else{
+                    this.isInit =true;
                 }
             },
             sendbtn(val){
                 this.indexwe = val;
             },
             handleScroll() {
-                if(this.indexwe <= 2){
-                    var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
-                    this.isInit = scrollTop > 1 ? false : true;
+                var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
+                if(this.indexwe==0){
+                    this.isOther = false;
+                    this.isInit = scrollTop > 20 ? false : true;
+                }else{
+                    this.isOther = true;
+                    this.isInit = false;
+
                 }
             },
         },
         created(){
-            if (this.$route.name != "dashboard") this.isShow = false;
-            else this.isShow = true;
+            if(this.indexwe==0||this.indexwe>2) this.isShow = true;
+            else this.isShow = false;
         },
         activated(){
-            if (this.$route.name != "dashboard") this.isShow = false;
-            else this.isShow = true;
+            if(this.indexwe==0||this.indexwe>2) this.isShow = true;
+            else this.isShow = false;
         },
         mounted() {
             window.addEventListener('scroll', this.handleScroll);
-            if (this.$route.name != "dashboard") this.isShow = false;
-            else this.isShow = true;
+            if(this.indexwe==0||this.indexwe>2) this.isShow = true;
+            else this.isShow = false;
         }
     };
 </script>