将sass改成less

components/about.vue

@@ -15,7 +15,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="less">
 .about-container {
 	font-size: 18px;
 }

components/bussiness/charts/chart-column-horizontal-tc-long.vue

@@ -220,7 +220,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .chart-column-vtc {
   font-size: 14px;
 }

components/bussiness/charts/chart-column-horizontal-tc.vue

@@ -207,7 +207,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .chart-column-htc {
   position: relative;
   top: -6px;

components/bussiness/charts/chart-column-stack.vue

@@ -262,7 +262,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .chart-pie {
   position: relative;
   top: -6px;

components/bussiness/charts/chart-column-vertical-score.vue

@@ -170,7 +170,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .chart-pie {
   position: relative;
   top: -6px;

components/bussiness/charts/chart-column-vertical-tc.vue

@@ -191,7 +191,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .chart-column-vtc {
   position: relative;
   top: -6px;

components/bussiness/charts/chart-column-vertical-times.vue

@@ -176,7 +176,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .chart-pie {
   position: relative;
   top: -6px;

components/bussiness/charts/chart-column-vertical.vue

@@ -143,7 +143,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .chart-pie {
   position: relative;
   top: -6px;

components/bussiness/charts/chart-pie-cert.vue

@@ -131,7 +131,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .chart-pie {
   position: relative;
   top: -6px;

components/bussiness/charts/chart-pie-edu.vue

@@ -173,7 +173,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .chart-pie-edu {
   position: relative;
   top: -12px;

components/bussiness/charts/chart-pie-title.vue

@@ -179,7 +179,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .chart-pie {
   position: relative;
   top: -6px;

components/bussiness/charts/chart-pie.vue

@@ -163,7 +163,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .chart-pie {
   position: relative;
   top: -6px;

components/bussiness/charts/process-bar.vue

@@ -34,7 +34,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-process {
   width: 100%;
   height: 20px;

components/bussiness/common-header/index.less

+.common-header-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 999;
+  .top-header {
+    background: transparent;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    width: 100%;
+    margin-top: 25px;
+    padding: 5px 0 5px;
+  }
+  .top-header.active {
+    background-color: #fff;
+  }
+  .top-header .left-icon {
+    padding: 5px 10px 5px 15px;
+  }
+  .top-header .title {
+    width: 206px;
+    height: 18px;
+    line-height: 18px;
+    margin-left: 50px;
+    text-align: center;
+    color: #fff;
+    font-size: 18px;
+    overflow: hidden;
+    span {
+      display: none;
+    }
+  }
+  .top-header .title.active {
+    color: #000;
+    span {
+      display: block;
+    }
+  }
+  .top-header .right-icon {
+    margin-left: 20px;
+    padding: 5px 15px 5px 15px;
+  }
+  .top-header .left-icon img,
+  .top-header .right-icon img {
+    display: block;
+    width: 25px;
+    height: 25px;
+  }
+}
+.common-header-container.active {
+  background-color: #fff;
+}
+.home-page {
+  width: 100% !important;
+  margin-left: 0 !important;
+}
\ No newline at end of file

components/bussiness/common-header/index.vue

+<template>
+  <div :class="{ active: isScroll }" class="common-header-container">
+    <div :class="{ active: isScroll }" class="top-header">
+      <div class="content left-icon" @click="goBack">
+        <img src="../../../assets/images/left-arrow-black.png" alt="">
+      </div>
+      <div v-if="shareFlag" :class="{ active: isScroll }" class="content title">
+        <span>{{ shareTitle1 }}</span>
+      </div>
+      <div class="content right-icon">
+      <!-- <img src="../../assets/images/title-right.png" alt=""> -->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import './index.less';
+
+export default {
+  name: 'CommonHeader',
+  props: {
+    isScroll: {
+      type: Boolean,
+      default: true
+    },
+    shareFlag: {
+      type: Boolean,
+      default: false
+    },
+    shareTitle1: {
+      type: String,
+      default: ''
+    },
+    shareTitle2: {
+      type: String,
+      default: ''
+    },
+    isInNotice: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    goBack() {
+      this.$rocNative.goBack();
+    },
+  },
+}
+</script>

components/bussiness/coop-list-item.1.vue

@@ -310,7 +310,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 @import "../../style/mixin";
 .coop-container {
   position: relative;

components/bussiness/coop-list-item.2.vue

@@ -120,7 +120,7 @@ export default {
 };
 </script>
 
-<style scoped lang="scss">
+<style scoped lang="less">
 .coop-container {
   position: relative;
   margin: 0px 15px;

components/bussiness/coop-list-item.vue

@@ -89,7 +89,7 @@ export default {
 };
 </script>
 
-<style scoped lang="scss">
+<style scoped lang="less">
 .coop-container {
   position: relative;
   margin: 0px 15px;

components/bussiness/course-times-list.vue

@@ -47,7 +47,7 @@ export default {
   },
 };
 </script>
-<style scoped lang="scss">
+<style scoped lang="less">
 .corse-times-list {
   font-size: 14px;
   .title {

components/bussiness/course-times-stat.vue

@@ -69,7 +69,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .lr-course-times {
   margin: 20px 15px;
   li {

components/bussiness/exam-list.vue

@@ -40,7 +40,7 @@ export default {
   }
 };
 </script>
-<style scoped lang="scss">
+<style scoped lang="less">
 .exam-list-wrapper {
   font-size: 14px;
   .title {

components/bussiness/exam-score-list.vue

@@ -32,7 +32,7 @@ export default {
 
 };
 </script>
-<style scoped lang="scss">
+<style scoped lang="less">
 .exam-score-wrapper {
   font-size: 14px;
   .title {

components/bussiness/exam-times-list.vue

@@ -31,7 +31,7 @@ export default {
   },
 };
 </script>
-<style scoped lang="scss">
+<style scoped lang="less">
 .exam-times-wrapper {
   font-size: 14px;
   .title {

components/bussiness/no-content.vue

@@ -18,7 +18,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .nc-container {
   display: flex;
   width: 100%;

components/bussiness/org-doctor-list.vue

@@ -95,7 +95,7 @@ export default {
   }
 };
 </script>
-<style scoped lang="scss">
+<style scoped lang="less">
 .corse-times-list {
   font-size: 14px;
   .title {

components/bussiness/pop-tips.vue

@@ -52,7 +52,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .pop-notice-wrapper {
   position: fixed;
   width: 100%;

components/bussiness/ranking-item-days.vue

@@ -49,7 +49,7 @@ export default {
   },
 }
 </script>
-<style scoped lang="scss">
+<style scoped lang="less">
 .rank-item-days {
   margin: 0 15px;
   li {

components/bussiness/ranking-item.vue

@@ -52,7 +52,7 @@ export default {
   }
 };
 </script>
-<style scoped lang="scss">
+<style scoped lang="less">
 .rank-item {
   margin: 0 15px;
   li {

components/bussiness/tips-info-chart.vue

@@ -14,7 +14,7 @@
     }
   }
 </script>
-<style lang="scss" scoped>
+<style lang="less" scoped>
   .tips-info-wrapper {
     height: 44px;
     line-height: 44px;

components/bussiness/tips-info.vue

@@ -14,7 +14,7 @@
     }
   }
 </script>
-<style lang="scss" scoped>
+<style lang="less" scoped>
   .tips-info-wrapper {
     height: 44px;
     line-height: 44px;

components/bussiness/title-klg-point.vue

@@ -21,7 +21,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-title-wrapper-point {
   position: fixed;
   width: 100%;

components/common/common-area-select-old.vue

@@ -55,7 +55,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-area-select {
   // padding-top: 50px;
   display: flex;

components/common/common-area-select.vue

@@ -55,7 +55,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-area-select {
   &.fixed {
     position: fixed;

components/common/common-bottom-info.vue

@@ -19,7 +19,7 @@ export default {
   }
 };
 </script>
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-bottom-info {
   display: flex;
   width: 100%;

components/common/common-card.vue

@@ -23,7 +23,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-card {
   display: flex;
   margin: 30px 15px;

components/common/common-loading.vue

@@ -32,7 +32,7 @@
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-loader {
   .loader-mask {
     position: fixed;

components/common/common-no-more.vue

@@ -15,7 +15,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .no-more {
   display: flex;
   height: 62px;

components/common/common-show-all.vue

@@ -27,7 +27,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-show-all {
   display: flex;
   width: 100%;

components/common/common-split-line.vue

@@ -20,7 +20,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-split-line {
   margin: 20px 0;
 }

components/common/common-swiper-item.vue

@@ -128,7 +128,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-swiper-item {
   font-size: 20px;
   margin-top: 20px;

components/common/common-tabs-old.vue

@@ -47,7 +47,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-tabs-wrapper {
   display: flex;
   position: relative;

components/common/common-tabs.vue

@@ -53,7 +53,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-tabs-wrapper {
   .sub-wrapper {
     display: flex;

components/common/common-title-mini.vue

@@ -17,7 +17,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-title-wrapper {
   position: fixed;
   width: 100%;

components/common/common-title-with-btn.vue

@@ -35,7 +35,7 @@ export default {
 };
 </script>
 
-<style lang="scss">
+<style lang="less">
 .common-title-wb-wrapper {
   height: 44px;
   line-height: 44px;

components/common/common-title-with-dropdown.vue

@@ -54,7 +54,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-title-wd-wrapper {
   position: fixed;
   width: 100%;

components/common/common-title-with-what.vue

@@ -24,7 +24,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-title-with-what {
   font-size: 18px;
   margin: 30px 15px 20px;

components/common/common-title.vue

@@ -21,7 +21,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-title {
   margin: 30px 15px 20px;
   li {

components/common/pica-area.vue

@@ -431,7 +431,7 @@ export default {
   }
 };
 </script>
-<style lang="scss" scoped>
+<style lang="less" scoped>
   .select-wrapper {
     font-family: PingFangSC-Regular;
     .mask {

components/common/pica-org.vue

@@ -90,7 +90,7 @@ export default {
   }
 };
 </script>
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .select-wrapper {
   font-family: PingFangSC-Regular;
 

components/common/pica-process.vue

@@ -73,7 +73,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .common-process {
   display: flex;
   flex-direction: row;

pages/examscore.vue

@@ -103,7 +103,7 @@ export default {
   }
 };
 </script>
-<style lang="scss" scoped>
+<style lang="less" scoped>
   .exam-score-wrapper {
     .pdt-50 {
       padding-top: 50px;

pages/examtimes.vue

@@ -81,7 +81,7 @@ export default {
   }
 };
 </script>
-<style lang="scss" scoped>
+<style lang="less" scoped>
   .exam-times-wrapper {
     .pdt-50 {
       padding-top: 50px;

pages/index.vue

@@ -735,7 +735,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .container {
   margin: 0 auto;
   font-size: 17px;

pages/klgpoint.vue

@@ -78,7 +78,7 @@ export default {
   }
 };
 </script>
-<style lang="scss" scoped>
+<style lang="less" scoped>
   .klg-point-wrapper {
     .mt-10 {
       margin-top: 20px !important;

pages/prolist.vue

@@ -78,7 +78,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 
 </style>
 

pages/rankdays.vue

@@ -81,7 +81,7 @@ export default {
   }
 };
 </script>
-<style lang="scss" scoped>
+<style lang="less" scoped>
   .rank-days-wrapper {
     .pdt-50 {
       padding-top: 50px;

pages/rankedu.vue

@@ -105,7 +105,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
   .rank-edu-wrapper {
     .pdt-50 {
       padding-top: 50px;