头部样式调整

components/bussiness/status-bar.vue

@@ -72,9 +72,9 @@ export default {
       if(minValue < 100 ) {
         htmlText = `还差<span style="color">${100 - minValue}</span>分，就有资格瓜分<span style="color: #FFE8A5">100</span>万云鹊豆啦！`
       } else if(minValue < 200) {
-        htmlText = `已经有资格瓜分<span style="color: #FFE8A5">100</span>万云鹊豆啦，继续努力还能瓜分<span style="color: #FFE8A5">200</span>万！`
+        htmlText = `已经有资格瓜分<span style="color: #FFE8A5">100</span>万云鹊豆啦，</br>继续努力还能瓜分<span style="color: #FFE8A5">200</span>万！`
       } else if(minValue < 300) {
-        htmlText = `已经有资格瓜分<span style="color: #FFE8A5">300</span>万云鹊豆啦，继续努力还能瓜分<span style="color: #FFE8A5">200</span>万！`
+        htmlText = `已经有资格瓜分<span style="color: #FFE8A5">300</span>万云鹊豆啦，</br>继续努力还能瓜分<span style="color: #FFE8A5">200</span>万！`
       } else {
         htmlText = `天啦撸，你有资格瓜分500万云鹊豆哦！`
       }
@@ -98,12 +98,13 @@ export default {
 <style lang="less" scoped>
   .status-wrapper {
     background: #9A1F36;
-    height: 88px;
+    height: 100px;
     .status-text {
       text-align: center;
       font-size: 12px;
       padding: 10px 0 13px;
       color: #fff;
+      height: 35px;
       .no-login {
         color: #FFE8A5
       }

components/header/index.vue

@@ -5,7 +5,7 @@
         <img :src="headerLeftIcon" />
       </div>
       <div :class="{ active: isScroll }" class="content title">
-        <span>{{ shareTitle1 }}</span>
+        <span>国际医生节特辑活动</span>
       </div>
       <div 
       v-show="isShowRightIcon" 

pages/index.vue

@@ -194,12 +194,38 @@ export default {
 			_this.getUserInfo();
     };
     _this.getActivityTime();
+
+    let timeOutId = null;
+    window.addEventListener(
+      'scroll',
+      () => {
+        if (timeOutId) {
+          clearTimeout(timeOutId);
+        }
+        timeOutId = setTimeout(this.handleScroll, 50);
+      },
+      false
+    );
+      
     _this.$sendBuriedData({ 
       action: '查看量',
       component_tag: '360#360000'
     });
   },
   methods: {
+    handleScroll() {
+			// const contentDiv = document.getElementsByClassName('content-box')[1];
+			var scrollTop =
+				window.pageYOffset ||
+				document.documentElement.scrollTop ||
+				document.body.scrollTop;
+			// console.log(scrollTop)
+			if (scrollTop > 25) {
+				this.isScroll = true;
+			} else {
+				this.isScroll = false;
+			}
+		},
     // 获取服务器当前时间
     getActivityTime() {
       getActivityTime().then(res => {
@@ -475,8 +501,8 @@ export default {
   .top-container {
     position: relative;
     width: 100%;
-    height: 430px;
-    background-image:url('../static/images/head_bg.png');
+    height: 264px;
+    background-image:url('../static/images/head_bg_new.png');
     background-size: 100% 100%;
     .rule {
       position: absolute;
@@ -491,7 +517,7 @@ export default {
     .progress-container {
       position: absolute;
       left: 0;
-      top: 330px;
+      top: 190px;
       width: 94%;
       margin: 0px 10px 15px;
       .score-info {
@@ -533,7 +559,6 @@ export default {
       }
       .progress-bar {
         padding: 5px 17px;
-        height: 87px;
         border-radius: 0px 0px 10px 10px;
       }
     }
@@ -542,7 +567,7 @@ export default {
     width: 100%;
   }
   .title-text.st {
-    margin-top: 65px;
+    margin-top: 90px;
   }
   .activity-step {
     margin: 0 10px 15px;