颜色

src/components/AreaSelect/index.vue

@@ -121,7 +121,7 @@ const handleMouseLeave = () => {
       cursor: pointer;
       &:hover {
         color: var(--v-primary-base);
-        background-color: #f8f8f8;
+        background-color: var(--color-f8);
       }
       .categoryName { font-size: 14px; font-family: 微软雅黑; }
     }
@@ -135,8 +135,8 @@ const handleMouseLeave = () => {
     padding: 0 16px;
     overflow-y: auto;
     .categoryName { font-size: 16px; line-height: 28px; margin-top: 6px;}
-    .categoryName2 { font-size: 14px; color: #666666; width: 110px; margin-right: 4px;}
-    .jobItem { font-size: 14px; color: #333333; }
+    .categoryName2 { font-size: 14px; color: var(--color-666); width: 110px; margin-right: 4px;}
+    .jobItem { font-size: 14px; color: var(--color-333); }
     .rowItem {
       padding: 8px 0;
     }
@@ -149,7 +149,7 @@ const handleMouseLeave = () => {
         margin: 4px 28px 2px 0;
         float: left;
         cursor: pointer;
-        color: #333333;
+        color: var(--color-333);
         &:hover {
           color: var(--v-primary-base);
         }
@@ -194,11 +194,11 @@ const handleMouseLeave = () => {
           font-size: 14px;
           margin-left: 12px;
           cursor: pointer;
-          color: #666666;
+          color: var(--color-666);
           font-family: 微软雅黑; 
           &:hover {
             color: var(--v-primary-base);
-            // background-color: #f8f8f8;
+            // background-color: var(--color-f8);
           }
         }
       }
@@ -212,8 +212,8 @@ const handleMouseLeave = () => {
     padding: 0 16px;
     overflow-y: auto;
     .categoryName { font-size: 16px; line-height: 28px; margin-top: 6px; color: var(--v-primary-base)}
-    .categoryName2 { font-size: 14px; color: #666666; width: 110px; margin-right: 4px;}
-    .jobItem { font-size: 14px; color: #333333; }
+    .categoryName2 { font-size: 14px; color: var(--color-666); width: 110px; margin-right: 4px;}
+    .jobItem { font-size: 14px; color: var(--color-333); }
     .rowItem {
       padding: 8px 0;
     }
@@ -226,7 +226,7 @@ const handleMouseLeave = () => {
         margin: 4px 28px 2px 0;
         float: left;
         cursor: pointer;
-        color: #333333;
+        color: var(--color-333);
         &:hover {
           color: var(--v-primary-base);
         }

src/components/CtSearch/index.vue

@@ -156,7 +156,7 @@ const handleSearch = () => {
 }
 .hover {
   color: var(--v-primary-base);
-  background-color: #f8f8f8;
+  background-color: var(--color-f8);
 }
 .list {
   height: 242px;

src/components/Enterprise/details.vue

@@ -203,7 +203,7 @@ const recruitmentSpecialist = [
 .tools-box {
   height: 80px;
   width: 80px;
-  background-color: #d5e6e8;
+  background-color: var(--color-d5e6e8);
   border-radius: 5px;
 }
 .tools-box-number {

src/components/industryTypeCard/index.vue

@@ -95,7 +95,7 @@ const handleClick = (val) => {
 <style lang="scss" scoped>
 .currentSelect {
   position: sticky;
-  background-color: #f2f4f7;
+  background-color: var(--color-f2f4f7);
 }
 .card { border-radius: 12px; }
 .rightCard {
@@ -107,7 +107,7 @@ const handleClick = (val) => {
   overflow-y: auto;
   // .categoryName { font-size: 16px; line-height: 28px; margin-top: 6px; color: var(--v-primary-base)}
   .categoryName2 { font-size: 14px; color: #000; width: 150px; margin-right: 4px;}
-  .jobItem { font-size: 14px; color: #333333; }
+  .jobItem { font-size: 14px; color: var(--color-333); }
   .active { color: var(--v-primary-base); font-weight: 700; }
   .rowItem {
     padding: 8px 0;

src/components/jobTypeCard/index.vue

@@ -176,7 +176,7 @@ const handleMouseLeave = () => { // 鼠标移出
       cursor: pointer;
       &:hover {
         color: var(--v-primary-base);
-        background-color: #f8f8f8;
+        background-color: var(--color-f8);
       }
       .categoryName { font-size: 14px; font-family: 微软雅黑; }
     }
@@ -190,8 +190,8 @@ const handleMouseLeave = () => { // 鼠标移出
     padding: 0 16px;
     overflow-y: auto;
     .categoryName { font-size: 16px; line-height: 28px; margin-top: 6px;}
-    .categoryName2 { font-size: 14px; color: #666666; width: 110px; margin-right: 4px;}
-    .jobItem { font-size: 14px; color: #333333; }
+    .categoryName2 { font-size: 14px; color: var(--color-666); width: 110px; margin-right: 4px;}
+    .jobItem { font-size: 14px; color: var(--color-333); }
     .rowItem {
       padding: 8px 0;
     }
@@ -204,7 +204,7 @@ const handleMouseLeave = () => { // 鼠标移出
         margin: 4px 28px 2px 0;
         float: left;
         cursor: pointer;
-        color: #333333;
+        color: var(--color-333);
         &:hover {
           color: var(--v-primary-base);
         }

src/layout/company/navBar.vue

@@ -141,7 +141,7 @@ const handleChangeLocale = (item) => {
   height: 50px;
   z-index: var(--zIndex-nav) !important;
   color: #fff;
-  background-color: #d5e6e8;
+  background-color: var(--color-d5e6e8);
   padding-left: 0px;
   height: 50px;
   font-size: 15px;

src/layout/company/slider.vue

@@ -44,7 +44,7 @@ const handleClick = (index) => {
   text-align: center;
 }
 .icons {
-  color: #ccc;
+  color: var(--color-ccc);
   &:hover {
     color: var(--v-primary-base);
   }

src/layout/enterprise.vue

@@ -144,7 +144,7 @@ $top: 50px;
   color: var(--color-999);
   font-size: 14px;
   &.active {
-    color: #00897B;
+    color: var(--v-primary-base);
     cursor: pointer;
   }
 }

src/layout/personal/slider.vue

@@ -49,7 +49,7 @@ const handleClick = (item, index) => {
   text-align: center;
 }
 .icons {
-  color: #ccc;
+  color: var(--color-ccc);
   &:hover {
     color: var(--v-primary-base);
   }

src/styles/index.css

@@ -12,8 +12,12 @@
   --color-666: #666;
   --color-777: #777;
   --color-999: #999;
+  --color-ccc: #ccc;
   --color-f3: #f3f3f3;
   --color-f2f4f742: #f2f4f742;
+  --color-f8: #f8f8f8;
+  --color-f2f4f7: #f2f4f7;
+  --color-d5e6e8: #d5e6e8;
   --zIndex-breadcrumbs: 999;
 }
 
@@ -44,7 +48,7 @@
 }
 
 .border-bottom-dashed {
-  border-bottom: 1px dashed #ccc;
+  border-bottom: 1px dashed var(--color-ccc);
 }
 
 .white-bgc {

src/styles/index.min.css

@@ -1 +1 @@
-:root{--zIndex-dialog:9999;--default-bgc:#f2f4f7;--v-primary-base:#00897B;--v-error-base:#fe574a;--v-primary-lighten1:#26A69A;--v-primary-lighten2:#4DB6AC;--v-primary-lighten3:#80CBC4;--v-primary-lighten4:#B2DFDB;--color-222:#222;--color-333:#333;--color-666:#666;--color-777:#777;--color-999:#999;--color-f3:#f3f3f3;--color-f2f4f742:#f2f4f742;--zIndex-breadcrumbs:999}.buttons{height:36px;width:224px}.half-button{height:36px;width:88px}.default-width{width:1184px;min-width:1184px;max-width:1184px;margin:0 auto}.defaultLink{color:#008978;cursor:pointer}.default-active{color:var(--v-primary-base) !important}.border-bottom-dashed{border-bottom:1px dashed #ccc}.white-bgc{background-color:#fff}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vline{display:inline-block;width:1px;height:10px;vertical-align:middle;background-color:#e0e0e0;margin:0 10px}.resume-box{border-radius:5px;padding:20px 30px;background-color:#fff}.resume-header{display:flex;justify-content:space-between;align-items:center;height:36px}.resume-title{font-weight:700;font-size:18px;border-left:5px solid #00897B;padding-left:12px;line-height:17px}.resumeNoDataText{color:var(--color-666);font-size:14px}.card-box{width:100%;height:100%}
+:root{--zIndex-dialog:9999;--default-bgc:#f2f4f7;--v-primary-base:#00897B;--v-error-base:#fe574a;--v-primary-lighten1:#26A69A;--v-primary-lighten2:#4DB6AC;--v-primary-lighten3:#80CBC4;--v-primary-lighten4:#B2DFDB;--color-222:#222;--color-333:#333;--color-666:#666;--color-777:#777;--color-999:#999;--color-ccc:#ccc;--color-f3:#f3f3f3;--color-f2f4f742:#f2f4f742;--color-f8:#f8f8f8;--color-f2f4f7:#f2f4f7;--color-d5e6e8:#d5e6e8;--zIndex-breadcrumbs:999}.buttons{height:36px;width:224px}.half-button{height:36px;width:88px}.default-width{width:1184px;min-width:1184px;max-width:1184px;margin:0 auto}.defaultLink{color:#008978;cursor:pointer}.default-active{color:var(--v-primary-base) !important}.border-bottom-dashed{border-bottom:1px dashed var(--color-ccc)}.white-bgc{background-color:#fff}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vline{display:inline-block;width:1px;height:10px;vertical-align:middle;background-color:#e0e0e0;margin:0 10px}.resume-box{border-radius:5px;padding:20px 30px;background-color:#fff}.resume-header{display:flex;justify-content:space-between;align-items:center;height:36px}.resume-title{font-weight:700;font-size:18px;border-left:5px solid #00897B;padding-left:12px;line-height:17px}.resumeNoDataText{color:var(--color-666);font-size:14px}.card-box{width:100%;height:100%}

src/styles/index.scss

@@ -12,8 +12,12 @@
   --color-666: #666;
   --color-777: #777;
   --color-999: #999;
+  --color-ccc: #ccc;
   --color-f3: #f3f3f3;
   --color-f2f4f742: #f2f4f742;
+  --color-f8: #f8f8f8;
+  --color-f2f4f7: #f2f4f7;
+  --color-d5e6e8: #d5e6e8;
   --zIndex-breadcrumbs: 999;
 }
 
@@ -50,7 +54,7 @@
 }
 
 .border-bottom-dashed {
-  border-bottom: 1px dashed #ccc;
+  border-bottom: 1px dashed var(--color-ccc);
 }
 
 .white-bgc {

src/styles/protocol/index.css

@@ -71,7 +71,7 @@ del, ins, u, s, a, a:hover {
 }
 
 .Protocol p {
-  color: #333333;
+  color: var(--color-333);
   font-size: 14px;
   line-height: 30px;
 }
@@ -79,7 +79,7 @@ del, ins, u, s, a, a:hover {
 .segment {
   width: 100%;
   font-size: 22px;
-  color: #333333;
+  color: var(--color-333);
   margin-top: 45px;
   margin-bottom: 32px;
   font-weight: 700;
@@ -93,14 +93,14 @@ del, ins, u, s, a, a:hover {
 }
 
 .crosshead {
-  color: #333333;
+  color: var(--color-333);
 }
 
 .text-color {
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0px;
-  color: #333333;
+  color: var(--color-333);
   font-size: 14px;
   line-height: 30px;
   font-family: 微软雅黑;

src/styles/protocol/index.min.css

@@ -1 +1 @@
-html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:normal}html,body,fieldset,img,iframe,abbr{border:0}i,cite,em,var,address,dfn{font-style:normal}[hidefocus],summary{outline:0}li{list-style:none}h1,h2,h3,h4,h5,h6,small{font-size:100%}a,button{cursor:pointer}h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold}del,ins,u,s,a,a:hover{text-decoration:none}.conter,.conttle{width:100%;overflow:hidden}.large{width:100%;height:1px;background-color:var(--v-primary-base)}.Protocol{width:1040px;margin:0 auto;background-color:#fff;padding:40px 40px 90px;box-sizing:border-box;font-family:"微软雅黑"}.Protocol p{color:#333333;font-size:14px;line-height:30px}.segment{width:100%;font-size:22px;color:#333333;margin-top:45px;margin-bottom:32px;font-weight:700;text-align:center}.subtitle,.crosshead{color:var(--v-primary-base);font-size:14px;line-height:30px}.crosshead{color:#333333}.text-color{margin-top:0px;margin-bottom:0px;padding:0px;color:var(--color-333);font-size:14px;line-height:30px;font-family:微软雅黑;white-space:normal}.text-font{font-family:宋体, SimSun}.text-size{margin:0px;padding:0px;font-size:14px;color:#00897B;line-height:30px;font-family:微软雅黑;white-space:normal}.text-p{text-align:justify;font-family:Calibri;font-size:14px;white-space:normal}
+html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:normal}html,body,fieldset,img,iframe,abbr{border:0}i,cite,em,var,address,dfn{font-style:normal}[hidefocus],summary{outline:0}li{list-style:none}h1,h2,h3,h4,h5,h6,small{font-size:100%}a,button{cursor:pointer}h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold}del,ins,u,s,a,a:hover{text-decoration:none}.conter,.conttle{width:100%;overflow:hidden}.large{width:100%;height:1px;background-color:var(--v-primary-base)}.Protocol{width:1040px;margin:0 auto;background-color:#fff;padding:40px 40px 90px;box-sizing:border-box;font-family:"微软雅黑"}.Protocol p{color:var(--color-333);font-size:14px;line-height:30px}.segment{width:100%;font-size:22px;color:var(--color-333);margin-top:45px;margin-bottom:32px;font-weight:700;text-align:center}.subtitle,.crosshead{color:var(--v-primary-base);font-size:14px;line-height:30px}.crosshead{color:var(--color-333)}.text-color{margin-top:0px;margin-bottom:0px;padding:0px;color:#333;font-size:14px;line-height:30px;font-family:微软雅黑;white-space:normal}.text-font{font-family:宋体, SimSun}.text-size{margin:0px;padding:0px;font-size:14px;color:#00897B;line-height:30px;font-family:微软雅黑;white-space:normal}.text-p{text-align:justify;font-family:Calibri;font-size:14px;white-space:normal}

src/styles/protocol/index.scss

@@ -69,7 +69,7 @@ del,ins,u,s,a,a:hover {
 }
 
 .Protocol p {
-  color: #333333;
+  color: var(--color-333);
   font-size: 14px;
   line-height: 30px;
 }
@@ -77,7 +77,7 @@ del,ins,u,s,a,a:hover {
 .segment {
   width: 100%;
   font-size: 22px;
-  color: #333333;
+  color: var(--color-333);
   margin-top: 45px;
   margin-bottom: 32px;
   font-weight: 700;
@@ -91,7 +91,7 @@ del,ins,u,s,a,a:hover {
 }
 
 .crosshead {
-  color: #333333;
+  color: var(--color-333);
 }
 .text-color {
   margin-top: 0px; 

src/views/recruit/enterprise/interview/index.vue

@@ -175,7 +175,7 @@ const handleStateChange = (val) => {
   cursor: pointer;
   
   &:hover {
-    background-color: #f8f8f8;
+    background-color: var(--color-f8);
   }
 }
 </style>

src/views/recruit/enterprise/talentPool/components/details/projectExperience.vue

@@ -39,7 +39,7 @@ if (props.data?.length) dataList.value = props.data
   border-radius: 6px;
   padding: 2px 10px 8px;
   // &:hover {
-  //   background-color: #f8f8f8;
+  //   background-color: var(--color-f8);
   // }
 }
 </style>

src/views/recruit/enterprise/talentPool/components/filter.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="px-5 py-3" style="position: relative;">
-    <h3 style="color: #00897B;">条件筛选</h3>
+    <h3 style="color: var(--v-primary-base);">条件筛选</h3>
     <v-divider class="my-3"></v-divider>
     <div class="text-right reset-text cursor-pointer" @click="handleReset">重置筛选</div>
     <CtForm ref="CtFormRef" :items="formItems" style="width: 100%;">

src/views/recruit/personal/home/components/homeJobTypeCard/index.vue

@@ -180,11 +180,11 @@ const carouselList = ref([
           font-size: 14px;
           margin-left: 12px;
           cursor: pointer;
-          color: #666666;
+          color: var(--color-666);
           font-family: 微软雅黑; 
           &:hover {
             color: var(--v-primary-base);
-            // background-color: #f8f8f8;
+            // background-color: var(--color-f8);
           }
         }
       }
@@ -198,8 +198,8 @@ const carouselList = ref([
     padding: 0 16px;
     overflow-y: auto;
     .categoryName { font-size: 16px; line-height: 28px; margin-top: 6px; color: var(--v-primary-base)}
-    .categoryName2 { font-size: 14px; color: #666666; width: 110px; margin-right: 4px;}
-    .jobItem { font-size: 14px; color: #333333; }
+    .categoryName2 { font-size: 14px; color: var(--color-666); width: 110px; margin-right: 4px;}
+    .jobItem { font-size: 14px; color: var(--color-333); }
     .rowItem {
       padding: 8px 0;
     }
@@ -212,7 +212,7 @@ const carouselList = ref([
         margin: 4px 28px 2px 0;
         float: left;
         cursor: pointer;
-        color: #333333;
+        color: var(--color-333);
         &:hover {
           color: var(--v-primary-base);
         }

src/views/recruit/personal/position/components/areaCascader/index.vue

@@ -191,10 +191,10 @@ const areaSearch = ref({
 </script>
 <style lang="scss" scoped>
 .text666 {
-  border-right: 1px solid #666666;
+  border-right: 1px solid var(--color-666);
 }
 .text333 {
-  color: #333333;
+  color: var(--color-333);
 }
 .act {
   color: var(--v-primary-base);
@@ -208,7 +208,7 @@ span {
 }
 .embedded {
   padding: 4px;
-  background-color: #f8f8f8;
+  background-color: var(--color-f8);
   border-radius: 5px;
   display: flex;
   flex-wrap: wrap;
@@ -223,7 +223,7 @@ span {
 }
 .otherAreaBox {
   padding: 4px;
-  // background-color: #f8f8f8;
+  // background-color: var(--color-f8);
   border-radius: 5px;
   width: 100%; /* 设置容器宽度 */
   div {

src/views/recruit/personal/remuse/components/basicInfo.vue

@@ -427,7 +427,7 @@ formItems.value.options.forEach((e, index) => {
   //   font-size: 14px;
   //   margin-left: 12px;
   //   cursor: pointer;
-  //   color: #666666;
+  //   color: var(--color-666);
   //   font-family: 微软雅黑; 
   // }
 }

src/views/recruit/personal/remuse/components/educationExp.vue

@@ -283,18 +283,18 @@ getOptions()
 <style scoped lang="scss">
 .font15 { font-size: 15px;; }
 .color9 { color: var(--color-999); }
-.color6 { color: #666666; }
+.color6 { color: var(--color-666); }
 .educExpItem {
   cursor: pointer;
   border-radius: 6px;
   padding: 2px 10px 8px;
   &:hover {
-    background-color: #f8f8f8;
+    background-color: var(--color-f8);
   }
 }
 .educExpItem-edit {
   border-radius: 6px;
   padding: 2px 10px 8px;
-  background-color: #f8f8f8;
+  background-color: var(--color-f8);
 }
 </style>

src/views/recruit/personal/remuse/components/jobIntention.vue

@@ -270,7 +270,7 @@ const handleDelete = ({ id }) => {
   line-height: 40px;
   font-size: 15px;
   &:hover {
-    background-color: #f8f8f8;
+    background-color: var(--color-f8);
   }
   span {
     font-size: 15px;

src/views/recruit/personal/remuse/components/projectExperience.vue

@@ -172,14 +172,14 @@ const handleDelete = ({ id }) => {
   border-radius: 6px;
   padding: 2px 10px 8px;
   &:hover {
-    background-color: #f8f8f8;
+    background-color: var(--color-f8);
   }
 }
 .label-title {
   color: var(--color-666);
 }
 .edit {
-  background-color: #f8f8f8;
+  background-color: var(--color-f8);
   padding: 2px 10px 8px;
   border-radius: 6px;
 }

src/views/recruit/personal/remuse/components/selfEvaluation.vue

@@ -71,7 +71,7 @@ const handleSave = async () => {
   white-space: pre-line;
 }
 .edit {
-  background-color: #f8f8f8;
+  background-color: var(--color-f8);
   padding: 15px 10px 8px;
   border-radius: 6px;
 }

src/views/recruit/personal/remuse/components/trainingExperience.vue

@@ -187,14 +187,14 @@ const handleDelete = ({ id }) => {
   border-radius: 6px;
   padding: 2px 10px 8px;
   &:hover {
-    background-color: #f8f8f8;
+    background-color: var(--color-f8);
   }
 }
 .label-title {
   color: var(--color-666);
 }
 .edit {
-  background-color: #f8f8f8;
+  background-color: var(--color-f8);
   padding: 2px 10px 8px;
   border-radius: 6px;
 }

src/views/recruit/personal/remuse/components/vocationalSkills.vue

@@ -156,7 +156,7 @@ getDict('menduner_skill_level').then(({ data }) => { // 字典
   border-radius: 6px;
   line-height: 36px;
   &:hover {
-    background-color: #f8f8f8;
+    background-color: var(--color-f8);
   }
   span {
     font-size: 15px;
@@ -169,7 +169,7 @@ getDict('menduner_skill_level').then(({ data }) => { // 字典
   color: var(--color-666);
 }
 .edit {
-  background-color: #f8f8f8;
+  background-color: var(--color-f8);
   padding: 2px 10px 8px;
   border-radius: 6px;
 }

src/views/recruit/personal/remuse/components/workExperience.vue

@@ -246,18 +246,18 @@ getOptions()
 <style scoped lang="scss">
 .font15 { font-size: 15px;; }
 .color9 { color: var(--color-999); }
-.color6 { color: #666666; }
+.color6 { color: var(--color-666); }
 .educExpItem {
   cursor: pointer;
   border-radius: 6px;
   padding: 2px 10px 8px;
   &:hover {
-    background-color: #f8f8f8;
+    background-color: var(--color-f8);
   }
 }
 .educExpItem-edit {
   border-radius: 6px;
   padding: 2px 10px 8px;
-  background-color: #f8f8f8;
+  background-color: var(--color-f8);
 }
 </style>

src/views/recruit/personal/taskCenter/components/signIn.vue

@@ -11,7 +11,7 @@
         <div
           class="borderRadius-5 mx-5 py-3 px-4"
           style="text-align: center;"
-          :style="{'background-color': index < continuousDay ? '#10897ba8' : '#f2f4f7'}"
+          :style="{'background-color': index < continuousDay ? '#10897ba8' : 'var(--color-f2f4f7)'}"
         >
           <!-- 图标 -->
           <div class="mt-1">