修改

src/assets/css/common.css

@@ -12,6 +12,18 @@
     line-height: 32px;
     cursor: pointer;
   }
+  .Answer_List2{
+    width: 32px;
+    height: 32px;
+    border: none;
+    background: #fff;
+    border-radius:50%;
+    border:1px solid #E1EAF4;
+    text-align: center;
+    line-height: 32px;
+    color: #646873;
+    line-height: 32px;
+  }
   .Answer_List:hover{
     border: 1px solid #94c1ff;
     background: #e6f0ff;

src/components/questiontype/v-single.vue

@@ -10,7 +10,7 @@
     <table v-if="data&&data.length>0" class="common_TiTable">
       <tr v-for="(item,index) in data">
         <td style="width:40px;text-align:center;">
-          <div class="Answer_List" :class="{'Is_Answer':item.IsAnswer}">
+          <div class="Answer_List2" :class="{'Is_Answer':item.IsAnswer}">
             {{item.Name}}
           </div>
         </td>

src/pages/course/questionInfo.vue

 <style>
   .edit_stem {
     font-size: 14px;
-    color: #646873;
+    color: #A8A8B3;
     line-height: 34px;
-    /* margin-bottom: 16px; */
+    margin-bottom: 16px;
     overflow: hidden;
     padding: 4px 0;
     cursor: default;
@@ -99,11 +99,18 @@
     padding-bottom: 12px;
     display: inline-block;
   }
-
+  .questionMain{
+    width:1200px;
+    margin:20px auto;
+    padding:25px;
+    background-color: #fff;
+    border-radius: 8px;
+    margin-bottom:20px;
+    box-shadow: 0px 2px 10px 0px rgba(237, 238, 240, 0.5);
+  }
 </style>
 <template>
-  <div>
-    <q-card>
+  <div class="questionMain">
     <q-card-section class="q-pt-none scroll">
       <div class="row wrap">
         <div class="col-12 edit_stem">
@@ -112,7 +119,6 @@
         <div class="col-12">
           <div v-html="objOption.Title" @click="clickQuestion($event)"></div>
         </div>
-          <br />
         <!--单选题-->
         <v-single v-if="questionObj.Key=='single'||questionObj.Key=='single-number'" :questionData="AnswerList"
           @getChild="getChildData" :setOption="objOption"></v-single>
@@ -178,12 +184,6 @@
         </div>
       </div>
     </q-card-section>
-      <q-separator />
-      <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" />
-      </q-card-actions>
-    </q-card>
- 
   </div>
 </template>