更换模版样式更新

src/views/exam/question.vue

@@ -8,11 +8,12 @@
             <!-- <el-button style="margin-left: 10px;width: 116px;">引用试题结构</el-button> -->
         </div>
         <div class="choose_template">
-            当前模板：{{currentTemplateName}}  
+            当前模板：
+            <span class="template_name">{{currentTemplateName}}  </span>
             <!-- <el-select  v-model="queryParams.start"   placeholder="请选择"  class="select_width" >
                 <el-option :label="number" :value="number" v-for="number in templateQuestionCount"></el-option>
             </el-select> -->
-             <span class="choose_btn" @click="OpenChooseTemplate()">更换</span>
+             <span class="choose_btn" @click="OpenChooseTemplate()">更换模板</span>
         </div>
     </div>
     <div class="page_jg_20"></div>
@@ -1012,7 +1013,8 @@ onUnmounted(() => {
     box-sizing: border-box;
 
     display: flex;
-    justify-content: space-between;
+    justify-content: flex-start;
+    gap: 100px;
 
     .choose_template
     {
@@ -1020,6 +1022,11 @@ onUnmounted(() => {
         font-size: 16px;
         color: #333333;
 
+        .template_name
+        {
+            color: #2E64FA;
+        }
+
         .choose_btn
         {
             font-weight: 500;
@@ -1027,6 +1034,14 @@ onUnmounted(() => {
             color: #2E64FA;
             margin-left: 10px;
             cursor: pointer;
+            border: 1px solid #2E64FA;
+            border-radius: 4px 4px 4px 4px;
+            padding: 8px 12px;
+            
+        }
+        .choose_btn:hover
+        {
+            background-color: #2E64FA10;
         }
 
     }