样式文件统一改成scss + 主题色调整

src/App.vue

@@ -78,25 +78,25 @@ export default {
 }
 </script>
 
-<style lang="less">
+<style lang="scss">
   .body-content{
     width:100%;
     min-width: 1300px;
     height: 100%;
   }
   .container-wrapper {
-    min-height: calc(~"100% - 70px - 180px");
+    min-height: calc(100% - 70px - 180px);
   }
   .main-container {
     width: 100%;
-    min-height: calc(~"100% - 70px - 180px");
+    min-height: calc(100% - 70px - 180px);
     margin: 0 auto;
     padding-bottom: 30px;
   }
   .home-slice {
     width: 100%;
     height: 170px;
-    background-image: url("./assets/img/homeSlice.png");
+    background-image: url("assets/image/slice.png");
     background-size: 100% 100%
   }
 </style>

src/components/Home.vue

@@ -291,7 +291,7 @@
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
   .home-banner-wrap {
     background: linear-gradient(#4a90e2, rgb(74, 109, 226));
     background: -webkit-linear-gradient(#4a90e2, rgb(74, 109, 226));

src/components/InstitutionRank.vue

@@ -41,7 +41,7 @@
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
   .logo-img {
     height: 50px;
     width: 100px;

src/components/Mine.vue

@@ -362,7 +362,7 @@
   }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
   .mine-container {
     padding: 0 80px 40px 80px;
   }

src/components/PersonRank.vue

@@ -42,7 +42,7 @@
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
   .institution-style {
     font-size: 16px;
     font-weight: 600;

src/components/Square.vue

@@ -125,7 +125,7 @@
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
   .square-container {
     padding: 40px 80px;
   }

src/components/commons/Header.vue

@@ -623,7 +623,7 @@
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
 
   .open-fixed {
     position: fixed;

src/components/commons/NProvinceCity.vue

@@ -105,7 +105,7 @@
 };
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
 .page-form-item {
   display: inline-block;
 }

src/components/commons/ProjectItem.vue

@@ -57,7 +57,7 @@
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
   .project-item-container {
     /*padding: 20px;*/
     padding-top: 10px;

src/components/commons/ProvinceCity.vue

@@ -119,7 +119,7 @@
 };
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
 .page-form-item {
   display: inline-block;
 }

src/components/commons/TaskCard.vue

@@ -48,7 +48,7 @@ export default {
 };
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
 .card {
   cursor: default;
   position: relative;

src/components/commons/TaskFilter.vue

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

src/components/commons/TaskItem.vue

@@ -58,7 +58,7 @@
 
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
   .task-item-container {
     padding-top: 10px;
     padding-bottom: 10px;

src/components/project/AnalyseDemand.vue

@@ -104,5 +104,5 @@
 };
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
 </style>

src/components/project/Project.vue

@@ -1043,7 +1043,7 @@
   }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
   .task-list {
     margin: 0 30px;
   }

src/components/project/ProjectCreate.vue

@@ -566,7 +566,7 @@
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
   .el-col {
     padding: 0 !important;
   }

src/components/report/ProjectReport.vue

@@ -288,7 +288,7 @@
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
   .el-radio {
     margin: 10px 20px 10px 0;
   }

src/components/report/ProjectReportCreate.vue

@@ -261,7 +261,7 @@
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
   .el-radio {
     margin: 10px 20px 10px 0;
   }

src/components/report/ReportList.vue

@@ -103,7 +103,7 @@ export default {
 </script>
 
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
   .report-container {
     margin: 0 30px 0 0;
   }

src/components/report/TaskReport.vue

@@ -293,7 +293,7 @@
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
   .el-radio {
     margin: 10px 20px 10px 0;
   }

src/components/report/TaskReportCreate.vue

@@ -244,7 +244,7 @@
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
   .el-radio {
     margin: 10px 20px 10px 0;
   }

src/components/task/Task.vue

@@ -911,7 +911,7 @@
   // },
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
   .el-radio {
     margin: 10px 20px 10px 0;
   }

src/components/task/TaskCreate.vue

@@ -437,7 +437,7 @@
   }
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
   .el-radio {
     margin: 10px 20px 10px 0;
   }

src/components/task/TaskList.vue

@@ -129,5 +129,5 @@
 };
 </script>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
 </style>

src/pages/DetailPage/CrowdDetail.vue

@@ -166,7 +166,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   @import "../../style/search-nav.scss";
 
   .project-task {

src/pages/Homepage/BrandCard.vue

@@ -42,6 +42,6 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
 
 </style>

src/pages/Homepage/Homepage.vue

@@ -268,7 +268,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   @import "../../style/search-nav.scss";
 
   .home-wrapper {

src/pages/Homepage/HotAgency.vue

@@ -56,6 +56,6 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
 
 </style>

src/pages/Homepage/HotContest.vue

@@ -45,7 +45,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   .popular-card {
     margin-bottom: 5px;
   }

src/pages/Homepage/HotCrowd.vue

@@ -49,6 +49,6 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
 
 </style>

src/pages/Homepage/HotUser.vue

@@ -56,6 +56,6 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
 
 </style>

src/pages/Homepage/InstitutionCard.vue

@@ -122,7 +122,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .insititution-card {
     background: rgba(255, 255, 255, 1);
     box-shadow: 0px 4px 30px 0px rgba(8, 6, 6, 0.08);

src/pages/Homepage/LoginCard.vue

@@ -79,7 +79,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .login-card {
     margin-bottom: 13px;
 

src/pages/Homepage/ResourceAndTool.vue

@@ -35,6 +35,6 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
 
 </style>

src/pages/Homepage/TestCard.vue

@@ -55,7 +55,7 @@
 
 </script>
 
-<style lang="less">
+<style lang="scss">
 .test-card {
   border: none;
   .el-card__header{

src/pages/Homepage/TestMenu.vue

@@ -29,7 +29,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .test-menu-wrapper {
     background: rgba(255, 255, 255, 1);
     box-shadow: 0px 4px 30px 0px rgba(8, 6, 6, 0.08);

src/pages/HomepageSearch/AgencyList.vue

@@ -239,7 +239,7 @@
     }
   }
 </script>
-<style scoped lang="less">
+<style scoped lang="scss">
   @import "../../style/search-nav.scss";
   .item-template {
     height: 80px;

src/pages/HomepageSearch/AgencyResidentList.vue

@@ -203,7 +203,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   @import "../../style/search-nav.scss";
   .item-template {
     height: 80px;

src/pages/HomepageSearch/CompetitionList.vue

@@ -194,7 +194,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   @import "../../style/search-nav.scss";
   .item-template {
     height: 80px;

src/pages/HomepageSearch/CrowdList.vue

@@ -198,7 +198,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   @import "../../style/search-nav.scss";
   .item-template {
     height: 80px;

src/pages/HomepageSearch/ExpertCard.vue

@@ -50,7 +50,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   .expert-card .el-card__body {
     padding: 0 !important;
   }

src/pages/HomepageSearch/ExpertList.vue

@@ -200,6 +200,6 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   @import "../../style/search-nav.scss";
 </style>

src/pages/HomepageSearch/ResourceList.vue

@@ -243,7 +243,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   @import "../../style/search-nav.scss";
   .item-template {
     height: 80px;

src/pages/HomepageSearch/UserList.vue

@@ -213,7 +213,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   @import "../../style/search-nav.scss";
   .item-template {
     height: 80px;

src/pages/Square/PopularProject.vue

@@ -51,7 +51,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   .popular-card {
     margin-bottom: 15px;
   }

src/pages/Square/PopularProjectAndTaskList.vue

@@ -258,7 +258,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   @import "../../style/search-nav.scss";
 
   .project-task {

src/pages/Square/PopularTask.vue

@@ -48,6 +48,6 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
 
 </style>

src/pages/Square/Square2.0.vue

@@ -234,7 +234,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   @import "../../style/search-nav.scss";
   .project-task {
      padding: 15px 0;

src/pages/Square/SquareCard.vue

@@ -108,7 +108,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   .square-card .el-card__body {
     padding: 0 !important;
   }

src/pages/Statistics/StatisticsReport.vue

@@ -33,7 +33,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
 .statistics-container{
   margin-top: 20px;
   display: flex;

src/pages/Technology/CrowdCase.vue

@@ -47,7 +47,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .technology-card {
     .card-wrapper {
       .technology-img {

src/pages/Technology/CrowdTool.vue

@@ -45,7 +45,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .technology-card {
     .card-wrapper {
       .technology-img {

src/pages/Technology/HotActicle.vue

@@ -56,7 +56,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   .popular-card {
     margin-bottom: 15px;
   }

src/pages/Technology/Technology2.0.vue

@@ -221,7 +221,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   @import "../../style/search-nav.scss";
   .technology-container {
     /deep/ .search-input,/deep/ .releaseBtn{

src/pages/Technology/TechnologyCard.vue

@@ -54,7 +54,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .technology-card {
     .card-wrapper {
       .technology-img {

src/pages/Technology/TechnologyMG.vue

@@ -39,7 +39,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .technology-card {
     .card-wrapper {
       .technology-img {

src/pages/Technology/TechnologyMore.vue

@@ -171,7 +171,7 @@
   }
 </script>
 
-<style lang="less">
+<style lang="scss">
   @import "../../style/search-nav.scss";
   .technology-container {
     /deep/ .search-input,/deep/ .releaseBtn{

src/pages/UserCenter/Authentication.vue

@@ -122,7 +122,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .right-modifyPsw {
     padding: 20px;
     background: rgba(255, 255, 255, 1);

src/pages/UserCenter/BankCard.vue

@@ -74,7 +74,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .bank-card {
     /*width:285px;*/
     height: 160px;

src/pages/UserCenter/EnterpriseAuth.vue

@@ -409,7 +409,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .avatar-uploader {
     border-radius: 6px;
     cursor: pointer;

src/pages/UserCenter/IndividualAuth.vue

@@ -320,7 +320,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .avatar-uploader {
     border-radius: 6px;
     cursor: pointer;
@@ -457,7 +457,7 @@
 
   }
 </style>
-<style lang="less">
+<style lang="scss">
   #individualAuth {
     .avatar-uploader .idcard-uploader {
       width: 100%;

src/pages/UserCenter/MailBinding.vue

@@ -115,7 +115,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .right-modifyPsw {
     padding: 20px;
     background: rgba(255, 255, 255, 1);

src/pages/UserCenter/Mine.vue

@@ -223,7 +223,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .avatar-uploader{
     border-radius: 6px;
     cursor: pointer;

src/pages/UserCenter/ModifyPsw.vue

@@ -94,7 +94,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .right-modifyPsw {
     padding: 20px;
     background: rgba(255, 255, 255, 1);

src/pages/UserCenter/MyBankCard.vue

@@ -134,7 +134,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .right-qualification {
     padding: 20px;
     background: rgba(255, 255, 255, 1);

src/pages/UserCenter/MyQualification.vue

@@ -227,7 +227,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .right-qualification {
     padding: 20px;
     background: rgba(255, 255, 255, 1);

src/pages/UserCenter/PhoneBinding.vue

@@ -84,7 +84,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .right-modifyPsw {
     padding: 20px;
     background: rgba(255, 255, 255, 1);

src/pages/UserCenter/QualificationCard.vue

@@ -40,7 +40,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
 .qualification-card {
   /*width:285px;*/
   height:160px;

src/pages/UserCenter/UserCenter.vue

@@ -52,7 +52,7 @@
   }
 </script>
 
-<style scoped lang="less">
+<style scoped lang="scss">
   .user-center {
     margin-top: 15px;