Просмотр исходного кода

style(组件): 调整多个组件的字体大小和间距样式

统一调整了选择题设置组件和聊天区域的样式,包括:
- 增大字体大小和图标尺寸
- 调整间距和内边距
- 移除部分条件限制
- 优化输入框和按钮的视觉表现
SanHQin 3 дней назад
Родитель
Сommit
7b30a89218

+ 1 - 1
src/components/pages/classroomObservation/components/chatArea.vue

@@ -2833,7 +2833,7 @@ ${JSON.stringify(_list)}
         }
       };
       // large chunk size will cause token limit and slower
-      const chunkSize = 50;
+      const chunkSize = 20;
       this.actionTypesMap.jsonData[key] = Array.from({
         length: tableRows.length
       }).fill("");

+ 38 - 37
src/components/pages/workPage/components/setChoiceQuestion.vue

@@ -99,8 +99,8 @@
             @blur="setTestJson()"></el-input>
           <div class="btn">
 
-            <div @click="addCheck(item.id, checkIndex)" v-if="item.checkList.length > 2">
-              <svg style="width: .7rem; height: .7rem;" viewBox="0 0 1024 1024" width="200" height="200">
+            <div @click="addCheck(item.id, checkIndex)">
+              <svg style="width: 1.1rem; height: 1.1rem;" viewBox="0 0 1024 1024" width="200" height="200">
                 <path
                   d="M47.653 439.326c-24.501 0-44.368 19.881-44.368 44.4v56.548c0 24.492 19.862 44.4 44.368 44.4h928.694c24.501 0 44.368-19.881 44.368-44.4v-56.548c0-24.497-19.862-44.4-44.368-44.4H47.653z"
                   p-id="11474"></path>
@@ -142,7 +142,7 @@
             <span>{{ lang.ssAIGenerate }}</span>
           </div>
         </div>
-        <el-input type="textarea" rows="3" resize="none" v-model="item.explanation"
+        <el-input type="textarea" rows="3" style="font-size: 1.2rem;" resize="none" v-model="item.explanation"
           :placeholder="lang.ssEnterExplanation" @blur="setTestJson()"></el-input>
       </div>
     </div>
@@ -434,14 +434,14 @@ export default {
 }
 
 .addTest>svg {
-  width: .7rem;
-  height: .7rem;
+  width: 1.2rem;
+  height: 1.2rem;
   fill: #6E7583;
 }
 
 .addTest>span {
   font-weight: bold;
-  font-size: .9rem;
+  font-size: 1.4rem;
   color: #6b7280;
 }
 
@@ -464,13 +464,13 @@ export default {
 }
 
 .ti_header>span {
-  font-size: 1rem;
+  font-size: 1.4rem;
   font-weight: 600;
   color: #ff9300;
 }
 
 .ti_header>span>span {
-  font-size: .8rem;
+  font-size: 1.2rem;
   color: rgb(117, 117, 117);
   margin-left: .5rem;
 }
@@ -482,8 +482,8 @@ export default {
 }
 
 .ti_h_edit>span {
-  width: 1.5rem;
-  height: 1.5rem;
+  width: 1.9rem;
+  height: 1.9rem;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -493,8 +493,8 @@ export default {
 }
 
 .ti_h_edit>span>svg {
-  width: 1rem;
-  height: 1rem;
+  width: 1.4rem;
+  height: 1.4rem;
   fill: #6B7280;
 }
 
@@ -517,7 +517,7 @@ export default {
   border: none;
   outline: none;
   background: none;
-  font-size: .8rem;
+  font-size: 1.2rem;
   resize: none;
   max-height: 10rem;
   overflow: auto;
@@ -539,8 +539,8 @@ export default {
 }
 
 .uploadImage>svg {
-  width: 1rem;
-  height: 1rem;
+  width: 1.4rem;
+  height: 1.4rem;
 }
 
 .checkList {
@@ -559,7 +559,7 @@ export default {
   align-items: center;
   justify-content: flex-start;
   gap: .5rem;
-  padding: .3rem .5rem;
+  padding: .5rem .7rem;
   transition: .2s;
 }
 
@@ -568,8 +568,8 @@ export default {
 }
 
 .drag {
-  width: 1.1rem;
-  height: 1.1rem;
+  width: 1.5rem;
+  height: 1.5rem;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -600,8 +600,8 @@ export default {
 
 
 .check {
-  width: 1.1rem;
-  height: 1.1rem;
+  width: 1.5rem;
+  height: 1.5rem;
   border: solid 1px #D1D5DB;
   border-radius: .25rem;
   cursor: pointer;
@@ -615,13 +615,14 @@ export default {
 }
 
 .checked>svg {
-  width: .7rem;
-  height: .7rem;
+  width: 1.1rem;
+  height: 1.1rem;
   fill: #fff;
 }
 
 .checkItem>.el-input {
   width: calc(100% - 10rem);
+  font-size: 1.4rem;
 }
 
 .addCheck {
@@ -638,14 +639,14 @@ export default {
 }
 
 .addCheck>svg {
-  width: .5rem;
-  height: .5rem;
+  width: .9rem;
+  height: .9rem;
   fill: #6E7583;
 }
 
 .addCheck>span {
   font-weight: bold;
-  font-size: .8rem;
+  font-size: 1.2rem;
   color: #6b7280;
 }
 
@@ -664,8 +665,8 @@ export default {
 
 
 .btn>div {
-  width: 1rem;
-  height: 1rem;
+  width: 1.4rem;
+  height: 1.4rem;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -675,8 +676,8 @@ export default {
 }
 
 .btn>div>svg {
-  width: .6rem;
-  height: .6rem;
+  width: 1rem;
+  height: 1rem;
   fill: #9DA3AF;
 }
 
@@ -700,7 +701,7 @@ export default {
 
 .e_header>span {
   color: #6b7280;
-  font-size: .8rem;
+  font-size: 1.2rem;
   font-weight: 500;
 }
 
@@ -711,15 +712,15 @@ export default {
   background: #ff9300;
   color: #fff;
   padding: .3rem .8rem;
-  font-size: .8rem;
+  font-size: 1.2rem;
   font-weight: 500;
   border-radius: .5rem;
   cursor: pointer;
 }
 
 .e_header>div>svg {
-  width: .8rem;
-  height: .8rem;
+  width: 1.2rem;
+  height: 1.2rem;
   fill: #fff;
 }
 
@@ -748,11 +749,11 @@ export default {
 }
 
 .imageList>div>svg {
-  width: 1rem;
-  height: 1rem;
+  width: 1.2rem;
+  height: 1.2rem;
   position: absolute;
-  top: -.3rem;
-  right: -.3rem;
+  top: -.4rem;
+  right: -.4rem;
   font-weight: 500;
   border-radius: .5rem;
   cursor: pointer;