修改生物反馈样式

src/renderer/components/AnimationDes.vue

@@ -9,10 +9,9 @@
       </el-col>
       <el-col :span="1">&nbsp;</el-col>
     </el-row> -->
-
     <el-row>
       <el-col :span="1"> &nbsp; </el-col>
-      <el-col :span="22">
+      <el-col :span="22" class='select_class_animation'>
         <!-- <span class="desSty"> 游戏场景</span>
 
         <el-select
@@ -30,16 +29,16 @@
           >
           </el-option>
         </el-select> -->
-        &nbsp;&nbsp;
         <span class="desSty">选择设备</span>
         <el-select
           v-model="equipment"
           placeholder="请选择"
           class="selectSty"
-          size="mini"
+          size="medium"
           @change="equipmentFun"
         >
           <el-option
+            class='select_option'
             v-for="item in optionsEquipment"
             :key="item.value"
             :label="item.label"
@@ -53,7 +52,7 @@
           v-model="gameDifficulty"
           placeholder="请选择"
           class="selectSty"
-          size="mini"
+          size="medium"
           @change="gameDiffFun"
         >
           <el-option
@@ -70,7 +69,7 @@
           v-model="gameTime"
           placeholder="请选择"
           class="selectSty"
-          size="mini"
+          size="medium"
           @change="gameTimeFun"
         >
           <el-option
@@ -94,8 +93,8 @@
 
         <el-button
           @click="startTest"
-          size="mini"
-          class="xl_down_button"
+          size="small"
+          class="xl_animation_button"
           style="float: right; font-size: 12px"
           >{{ buttonFlag }}</el-button
         >
@@ -382,7 +381,7 @@ export default {
     }, 5000);
     setTimeout(() => {
       that.changeGame(parseInt(that.$route.query.gameType));
-    },1000);
+    }, 1000);
     //  that.changeGame(parseInt(that.$route.query.gameType));
   },
   methods: {
@@ -751,10 +750,19 @@ canvas {
 }
 .selectSty {
   width: 100px;
+  font-size: 14px;
 }
 .desSty {
   font-size: 12px;
+  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+  font-weight: 500;
+  /* color: #0f0f0f; */
 }
 .animation_fk {
 }
+.select_option{
+  font-size: 10px;
+}
+
+
 </style>

src/utils/public.css

@@ -91,7 +91,9 @@
     font-family: PingFang SC;
     font-weight: 400;
 }
-.xl_down_button.is-disabled,.xl_down_button.is-disabled:hover{
+
+.xl_down_button.is-disabled,
+.xl_down_button.is-disabled:hover {
     background: #8FDCBF;
     opacity: 1;
     border-radius: 18px;
@@ -104,6 +106,7 @@
     font-family: PingFang SC;
     font-weight: 400;
 }
+
 .xl_down_button,
 .xl_down_button:focus {
     background: #1FD18E;
@@ -118,6 +121,7 @@
     font-family: PingFang SC;
     font-weight: 400;
 }
+
 .xl_down_button:hover {
     background: #1FD18E;
     opacity: 1;
@@ -131,6 +135,36 @@
     font-family: PingFang SC;
     font-weight: 400;
 }
+.xl_animation_button,
+.xl_animation_button:focus {
+    background: #1FD18E;
+    opacity: 1;
+    border-radius: 18px;
+    border: 1px solid #1FD18E;
+    color: #ffffff;
+    /* border-radius: 18px; */
+    /* font-size: 14px; */
+    padding-left: 25px;
+    padding-right: 25px;
+    font-family: PingFang SC;
+    font-weight: 400;
+}
+
+.xl_animation_button:hover {
+    background: #1FD18E;
+    opacity: 1;
+    border-radius: 18px;
+    border: 1px solid #1FD18E;
+    color: #ffffff;
+    /* border-radius: 18px; */
+    /* font-size: 14px; */
+    padding-left: 25px;
+    padding-right: 25px;
+    font-family: PingFang SC;
+    font-weight: 400;
+}
+
+
 
 .xl_input .el-input__inner {
     width: 35.4vw;
@@ -152,4 +186,10 @@
 .xl_input .el-range-editor .el-range-input {
     line-height: 1;
     background-color: #eaeaea;
+}
+
+.select_class_animation /deep/ .el-input__inner {
+    background-color: #F5F5F5 !important;
+    border: 0px solid #DCDFE6 !important;
+    font-size: 12px !important;
 }