Kaynağa Gözat

style: 更新项目样式主题

- 修改了多个组件中的按钮、文字等元素的颜色
- 调整了部分布局和样式
- 统一了绿色主题色 (#259A07)
- 调整了部分字体颜色和背景色
JutarryWu 1 hafta önce
ebeveyn
işleme
a256273193

+ 1 - 1
src/components/IntroduceSwiper/demo.vue

@@ -56,7 +56,7 @@ export default {
       text-align: center;
       font-size: 0.188rem;
       line-height: 0.3125rem;
-      color: #409EFF;
+      color: #259A07;
       margin-bottom: 0.15rem;
     }
 

+ 1 - 1
src/components/IntroduceSwiper/index.vue

@@ -129,7 +129,7 @@ export default {
       text-align: center;
       font-size: 0.188rem;
       line-height: 0.3125rem;
-      color: #409EFF;
+      color: #259A07;
       margin-bottom: 0.15rem;
     }
 

+ 3 - 3
src/components/adminHome/progress.vue

@@ -74,10 +74,10 @@ export default {
   }
 }
 /* 当前状态颜色 */
-::v-deep .progress-style .el-progress-bar__inner {
-  background-image: linear-gradient(to right, #ffd650, #ffd650) !important;
+::v-deep .progress-style-left .el-progress-bar__inner {
+  background-image: linear-gradient(to right, #95e880, #259A07) !important;
 }
 ::v-deep .progress-style-right .el-progress-bar__inner {
-  background-image: linear-gradient(to right, #409eff, #409eff) !important;
+  background-image: linear-gradient(to right, #95e880, #259A07) !important;
 }
 </style>

+ 1 - 1
src/components/manage/main/RealTime.vue

@@ -387,7 +387,7 @@ export default {
 }
 
 .name-show-real {
-  color: #409eff;
+  color: #259A07;
   font-weight: 600;
   font-family: "楷体";
 }

+ 1 - 1
src/components/manage/main/ReportMgr.vue

@@ -101,7 +101,7 @@ export default {
         }
 
         .el-upload:hover {
-          border-color: #409EFF;
+          border-color: #259A07;
         }
 
         .avatar-uploader-icon {

+ 3 - 3
src/components/manage/main/ScaleMgr.vue

@@ -84,8 +84,8 @@
         <el-table-column
             prop="scoreStart"
             label="分值起始值"
-            width="auto"
             align="center"
+            width="260"
         >
           <template slot-scope="scope">
             <el-input type="number" size="mini" v-model="scope.row.scoreStart"></el-input>
@@ -94,14 +94,14 @@
         <el-table-column
             prop="scoreEnd"
             label="分值结束值"
-            width="auto"
             align="center"
+            width="260"
         >
           <template slot-scope="scope">
             <el-input type="number" size="mini" v-model="scope.row.scoreEnd"></el-input>
           </template>
         </el-table-column>
-        <el-table-column label="操作" align="center">
+        <el-table-column label="操作" align="center" width="160">
           <template slot-scope="scope">
             <el-button
               type="primary"

+ 27 - 50
src/components/manage/main/testPlan.vue

@@ -286,17 +286,13 @@
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination
-        style="margin-top: 20px"
-        @size-change="handleSizeChangeForTestRight"
-        @current-change="handleCurrentChangeForTestRight"
-        :current-page="currentPageForTestRight"
-        :page-sizes="[10]"
-        :page-size="pageSizeForTestRight"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="totalForTestRight"
-      >
-      </el-pagination>
+
+      <div class="txt-center" style="margin-top: 20px">
+        <el-pagination @size-change="handleSizeChangeForTestRight" @current-change="handleCurrentChangeForTestRight" :current-page="currentPageForTestRight"
+                       :page-sizes="[10, 20, 50, 100]" :page-size="pageSizeForTestRight" background layout="total, sizes, prev, pager, next, jumper"
+                       :total="totalForTestRight">
+        </el-pagination>
+      </div>
     </el-dialog>
 
     <el-dialog
@@ -405,16 +401,12 @@
           />
         </el-table>
 
-        <el-pagination
-          style="margin-top: 20px"
-          @size-change="handleSizeChangeForUser"
-          @current-change="handleCurrentChangeForUser"
-          :current-page="currentPageForUser"
-          :page-sizes="[10]"
-          :page-size="pageSizeForUser"
-          layout="total, sizes, prev, pager, next, jumper"
-          :total="totalForUser"
-        />
+        <div class="txt-center" style="margin-top: 20px">
+          <el-pagination @size-change="handleSizeChangeForUser" @current-change="handleCurrentChangeForUser" :current-page="currentPageForUser"
+                         :page-sizes="[10, 20, 50, 100]" :page-size="pageSizeForUser" background layout="total, sizes, prev, pager, next, jumper"
+                         :total="totalForUser">
+          </el-pagination>
+        </div>
       </template>
       <template v-if="userOrGroup == 1">
         <el-table :data="allGroups" size="small" >
@@ -803,15 +795,10 @@
             </el-table-column>
           </el-table>
           <div class="txt-center" style="margin-top: 20px">
-            <el-pagination
-              @size-change="handleSizeChangeForMainProject"
-              @current-change="handleCurrentChangeForMainProject"
-              :current-page="currentPageForMainProject"
-              :page-size="pageSizeForMainProject"
-              :total="totalForMainProject"
-              :page-sizes="[10]"
-              layout="total, sizes, prev, pager, next, jumper"
-            />
+            <el-pagination @size-change="handleSizeChangeForMainProject" @current-change="handleCurrentChangeForMainProject" :current-page="currentPageForMainProject"
+                           :page-sizes="[10, 20, 50, 100]" :page-size="pageSizeForMainProject" background layout="total, sizes, prev, pager, next, jumper"
+                           :total="totalForMainProject">
+            </el-pagination>
           </div>
         </el-col>
       </el-row>
@@ -903,30 +890,20 @@
             </el-table-column>
           </el-table>
           <div class="txt-center" style="margin-top: 20px">
-            <el-pagination
-              @size-change="handleSizeChangeForMainPersonnel"
-              @current-change="handleCurrentChangeForMainPersonnel"
-              :current-page="currentPageForMainPersonnel"
-              :page-size="pageSizeForMainPersonnel"
-              :total="totalForMainPersonnel"
-              :page-sizes="[10]"
-              layout="total, sizes, prev, pager, next, jumper"
-            />
+            <el-pagination @size-change="handleSizeChangeForMainPersonnel" @current-change="handleCurrentChangeForMainPersonnel" :current-page="currentPageForMainPersonnel"
+                           :page-sizes="[10, 20, 50, 100]" :page-size="pageSizeForMainPersonnel" background layout="total, sizes, prev, pager, next, jumper"
+                           :total="totalForMainPersonnel">
+            </el-pagination>
           </div>
         </el-col>
       </el-row>
     </el-dialog>
     <!-- 查看进度 -->
     <div class="txt-center" style="margin-top: 20px">
-      <el-pagination
-        @size-change="handleSizeChangeForMain"
-        @current-change="handleCurrentChangeForMain"
-        :current-page="currentPageForMain"
-        :page-sizes="[10, 20, 50, 100]"
-        :page-size="pageSizeForMain"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="totalForMain"
-      />
+      <el-pagination @size-change="handleSizeChangeForMain" @current-change="handleCurrentChangeForMain" :current-page="currentPageForMain"
+                     :page-sizes="[10, 20, 50, 100]" :page-size="pageSizeForMain" background layout="total, sizes, prev, pager, next, jumper"
+                     :total="totalForMain">
+      </el-pagination>
     </div>
     <el-dialog
       :close-on-click-modal="false"
@@ -1125,9 +1102,9 @@ export default {
     }
     return {
       systemVersion: systemVersion,
-      success1: "#409eff",
+      success1: "#259A07",
       percentage: 20,
-      customColor: "#409eff",
+      customColor: "#259A07",
       progressContendsList: [],
       progressUsersList: [],
       testPlanId: null,

+ 4 - 4
src/components/manage/ui/Welcome.vue

@@ -90,7 +90,7 @@
           <el-menu
             :default-active="url"
             ref="kzMenu"
-            active-text-color="#409EFF"
+            active-text-color="#259A07"
             class="el-menu-demo"
             mode="horizontal"
             @select="handleSelect"
@@ -1035,17 +1035,17 @@ body > .el-container {
   cursor: pointer;
 }
 .el-menu.el-menu--horizontal {
-  border-bottom: 2px solid #409eff;
+  border-bottom: 2px solid #259A07;
 }
 button:focus {
   outline: 0;
 }
 .viClass {
-  color: #409eff;
+  color: #259A07;
   cursor: pointer;
 }
 .fontLogin {
-  color: #409eff;
+  color: #259A07;
   cursor: pointer;
 }
 .loginButtonSty {

+ 57 - 0
src/style/public.scss

@@ -760,3 +760,60 @@ input {
   border: none
 }
 
+.el-button--primary {
+  color: #fff;
+  background-color: #259A07;
+  border-color: #259A07;
+
+  &:hover {
+    background-color: #34da09;
+    border-color: #34da09;
+  }
+
+  &.is-disabled {
+    background-color: #c0f3b3;
+    border-color: #c0f3b3;
+
+    &:hover {
+      background-color: #c0f3b3;
+      border-color: #c0f3b3;
+    }
+  }
+}
+
+.el-button--default.is-plain,
+.el-button--primary.is-plain {
+  color: #259A07;
+  background: #d6f3ce30;
+  border-color: #7ced5f;
+
+  &:hover {
+    color: #fff;
+    background-color: #259A07;
+    border-color: #259A07;
+  }
+}
+
+
+.el-pagination.is-background .el-pager li:not(.disabled) {
+  background-color: #fff; // 进行修改未选中背景和字体
+  // color: #fff;
+}
+
+.el-pagination.is-background .el-pager li:not(.disabled).active {
+  background-color: #26B600;; // 进行修改选中项背景和字体
+  color: #fff;
+}
+
+.el-select-dropdown__item.selected {
+  color: #26B600;
+}
+
+.el-button--text,
+.el-date-table td.today span {
+  color: #26B600;
+}
+
+.el-date-table td.current:not(.disabled) span {
+  background-color: #26B600;
+}

+ 2 - 2
src/views/CognitiveAbilityTask/digitalMemoryTest.vue

@@ -1256,8 +1256,8 @@ export default {
   left: 2%;
   z-index: 100;
   color: #fff;
-  background-color: #409eff;
-  border-color: #409eff;
+  background-color: #259A07;
+  border-color: #259A07;
 }
 
 .endBtn:active {

+ 2 - 2
src/views/CognitiveAbilityTask/digitalMemoryTest_children.vue

@@ -1019,8 +1019,8 @@ export default {
   left: 2%;
   z-index: 100;
   color: #fff;
-  background-color: #409eff;
-  border-color: #409eff;
+  background-color: #259A07;
+  border-color: #259A07;
 }
 
 .endBtn:active {

+ 2 - 2
src/views/CognitiveAbilityTask/rhythmDiagnosis.vue

@@ -930,8 +930,8 @@ export default {
 
 /deep/ .el-button--primary {
   color: #fff;
-  background-color: #57acbb;
-  border-color: #57acbb;
+  background-color: #259A07;
+  border-color: #259A07;
 }
 
 /deep/ .el-button--primary:focus,

+ 2 - 2
src/views/CognitiveAbilityTask/sttATest.vue

@@ -1311,8 +1311,8 @@ export default {
   left: 2%;
   z-index: 100;
   color: #fff;
-  background-color: #409eff;
-  border-color: #409eff;
+  background-color: #259A07;
+  border-color: #259A07;
 }
 
 .endBtn:active {

+ 2 - 2
src/views/CognitiveAbilityTask/sttBTest.vue

@@ -1937,8 +1937,8 @@ export default {
   left: 2%;
   z-index: 100;
   color: #fff;
-  background-color: #409eff;
-  border-color: #409eff;
+  background-color: #259A07;
+  border-color: #259A07;
 }
 
 .endBtn:active {

+ 1 - 1
src/views/ScaleTestPage.vue

@@ -35,7 +35,7 @@
           <!--            " alt="" />-->
           <!--        </div>-->
           <el-radio v-for="(item, index) in scale_checkItems" :key="index" v-model="radio" :label="item"
-            :disabled="disableRadio" fill="#409EFF" @change="choiceTriger(item)" border>
+            :disabled="disableRadio" fill="#259A07" @change="choiceTriger(item)" border>
             <p class="radioSpan">{{ item }}</p>
           </el-radio>
         </div>