fix(QA): [text] 减小字体大小,适配移动端 (#58)

* style:优化代码格式 * feat(axios):新增axios依赖 * fix(Admin):[reset] 修复了设计问卷选择题选项传参丢失的问题 * Update package.json * fix(Admin): [radio] 固定了但多选题选项框的大小 * Update package.json * fix(QA): [text] 减小字体大小,适配移动端
zjutjh · Aug 19, 2024 · efb124a · efb124a
1 parent e9610e9
commit efb124a
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 17 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "text-ci",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "private": true,
   "type": "module",
   "scripts": {

diff --git a/src/pages/View/checkbox.vue b/src/pages/View/checkbox.vue
@@ -3,11 +3,11 @@
     <div class="flex justify-between">
       <div class="flex-col">
         <div class="flex items-center gap-20">
-          <span class="text-xl">{{ props.serial_num }}</span>
-          <span class="text-xl flex gap-5 items-center" >{{ props.title }} <el-tag type="primary" class="ml-5">多选</el-tag> <el-tag type="warning" v-if="!required">选答</el-tag> <el-tag type="danger" v-if="localUnique">唯一</el-tag></span>
+          <span class="lg:text-xl md:text-md">{{ props.serial_num }}</span>
+          <span class="lg:text-xl md:text-md flex gap-5 items-center" >{{ props.title }} <el-tag type="primary" class="ml-5">多选</el-tag> <el-tag type="warning" v-if="!required">选答</el-tag> <el-tag type="danger" v-if="localUnique">唯一</el-tag></span>
         </div>
         <div class="flex items-center mt-15 ml-10">
-          <span class="text-md text-gray-500">{{ props.describe }}</span>
+          <span class="text-sm text-gray-500">{{ props.describe }}</span>
         </div>
       </div>
       <div class="flex-col justify-center items-center">
@@ -17,15 +17,15 @@
     <div class="flex-col p-5 h-auto">
       <div v-for="item in localOptions" :key="item.serial_num" class="flex items-center gap-10 my-5">
         <input type="checkbox" :name="props.serial_num" class="my-5" style="zoom: 140%" :value="item.content" v-model="answerArr"/>
-        <span v-if="item.content">{{ item.content }}</span>
+        <span v-if="item.content" class="text-sm">{{ item.content }}</span>
         <div class="ml-10 flex items-center gap-20">
           <div v-if="item.img" class="mt-4">
             <img v-if="item.img" :src="item.img" alt="Preview" style="max-width: 150px; max-height: 150px;" />
           </div>
         </div>
       </div>
       <div class="flex gap-10 mt-10" v-if="localOtherOption">
-        <input type="checkbox" :name="props.serial_num" class="checkbox-sm my-5" :value="otherAnswer" id='other'  @click='otherAnswerChecked = !otherAnswerChecked'/>
+        <input type="checkbox" :name="props.serial_num" class="my-5" style="zoom: 140%" :value="otherAnswer" id='other'  @click='otherAnswerChecked = !otherAnswerChecked'/>
         <input type="text" class="input-sm w-150" placeholder="其他" v-model="otherAnswer" @input="updateOtherAnswer"  />
       </div>
     </div>

diff --git a/src/pages/View/fill.vue b/src/pages/View/fill.vue
@@ -3,16 +3,16 @@
     <div class="flex justify-between">
       <div class="flex-col">
         <div class="flex items-center gap-20">
-          <span class="text-xl">{{ serial_num }}</span>
-          <span class="text-xl flex gap-5 items-center">
+          <span class="lg:text-xl md:text-md">{{ serial_num }}</span>
+          <span class="lg:text-xl md:text-md flex gap-5 items-center">
             {{ title }}
             <el-tag type="primary" class="ml-5">填空</el-tag>
             <el-tag type="warning" v-if="!required">选答</el-tag>
             <el-tag type="danger" v-if="unique">唯一</el-tag>
           </span>
         </div>
         <div class="flex items-center mt-15 ml-10">
-          <span class="text-md text-gray-500">{{ describe }}</span>
+          <span class="text-sm text-gray-500">{{ describe }}</span>
         </div>
       </div>
       <div class="flex-col justify-center items-center"></div>

diff --git a/src/pages/View/radio.vue b/src/pages/View/radio.vue
@@ -3,11 +3,11 @@
     <div class="flex justify-between">
       <div class="flex-col">
         <div class="flex items-center gap-20">
-          <span class="text-xl">{{ props.serial_num }}</span>
-          <span class="text-xl flex gap-5 items-center" >{{ props.title }} <el-tag type="primary" class="ml-5">单选</el-tag> <el-tag type="warning" v-if="!required">选答</el-tag> <el-tag type="danger" v-if="localUnique">唯一</el-tag></span>
+          <span class="lg:text-xl md:text-md">{{ props.serial_num }}</span>
+          <span class="lg:text-xl md:text-md flex gap-5 items-center" >{{ props.title }} <el-tag type="primary" class="ml-5">单选</el-tag> <el-tag type="warning" v-if="!required">选答</el-tag> <el-tag type="danger" v-if="localUnique">唯一</el-tag></span>
         </div>
         <div class="flex items-center mt-15 ml-10">
-          <span class="text-md text-gray-500">{{ props.describe }}</span>
+          <span class="text-sm text-gray-500">{{ props.describe }}</span>
         </div>
       </div>
       <div class="flex-col justify-center items-center">
@@ -17,15 +17,15 @@
     <div class="flex-col p-5 h-auto">
       <div v-for="item in localOptions" :key="item.serial_num" class="flex items-center gap-10 my-5">
         <input type="radio" :name="props.serial_num" class="my-5" style="zoom: 140%"  :value="item.content" v-model="localAnswer" />
-        <span v-if="item.content">{{ item.content }}</span>
+        <span v-if="item.content" class="text-sm ">{{ item.content }}</span>
         <div class="ml-10 flex items-center gap-20">
           <div v-if="item.img" class="mt-4">
             <img v-if="item.img" :src="item.img" alt="Preview" style="max-width: 150px; max-height: 150px;" />
           </div>
         </div>
       </div>
       <div class="flex gap-10 mt-10" v-if="localOtherOption">
-        <input type="radio" :name="props.serial_num" class="radio-sm my-5" :value="otherAnswer" v-model="localAnswer" />
+        <input type="radio" :name="props.serial_num" class="my-5" style="zoom: 140%" :value="otherAnswer" v-model="localAnswer" />
         <input type="text" class="input-sm w-150" placeholder="其他" v-model="otherAnswer" @keyup="localAnswer = otherAnswer " />
       </div>
     </div>

diff --git a/src/pages/View/textArea.vue b/src/pages/View/textArea.vue
@@ -3,16 +3,16 @@
     <div class="flex justify-between">
       <div class="flex-col">
         <div class="flex items-center gap-20">
-          <span class="text-xl">{{ serial_num }}</span>
-          <span class="text-xl flex gap-5 items-center">
+          <span class="lg:text-xl md:text-md">{{ serial_num }}</span>
+          <span class="lg:text-xl md:text-md flex gap-5 items-center">
             {{ title }}
             <el-tag type="primary" class="ml-5">论述</el-tag>
             <el-tag type="warning" v-if="!required">选答</el-tag>
             <el-tag type="danger" v-if="unique">唯一</el-tag>
           </span>
         </div>
         <div class="flex items-center mt-15 ml-10">
-          <span class="text-md text-gray-500">{{ describe }}</span>
+          <span class="text-sm text-gray-500">{{ describe }}</span>
         </div>
       </div>
       <div class="flex-col justify-center items-center"></div>