hh

src/views/live/roomDetail.vue

@@ -75,7 +75,7 @@
       </van-tab>
     </van-tabs>
     <van-popup v-model="showQuest" position="bottom">
-      <van-col :span="24" v-for="(item, index) in questInfo.question" :key="index">
+      <van-col class="questpopup" :span="24" v-for="(item, index) in questInfo.question" :key="index">
         <p style="margin:5px 0;">
           {{ index + 1 }}({{ item.type == '0' ? '单选' : item.type == '1' ? '多选' : item.type == '2' ? '问答' : '未识别' }})、{{ item.topic }}
         </p>
@@ -86,14 +86,16 @@
         </span>
         <span v-if="item.type == '1'">
           <van-checkbox-group v-model="item.answer">
-            <van-checkbox v-for="(i, ci) in item.option" :key="`${index}-${ci}`" :name="i.opname">{{ i.opname }}</van-checkbox>
+            <van-checkbox shape="square" v-for="(i, ci) in item.option" :key="`${index}-${ci}`" :name="i.opname">{{ i.opname }}</van-checkbox>
           </van-checkbox-group>
         </span>
         <span v-if="item.type == '2'">
-          <van-field v-model="item.answer" placeholder="请输入" />
+          <van-field v-model="item.answer" type="textarea" rows="2" autosize placeholder="请输入" maxlength="200" show-word-limit />
         </span>
       </van-col>
-      <van-button size="large" type="primary" @click="submitQuest">提交</van-button>
+      <van-col :span="24" class="questbtn">
+        <van-button color="linear-gradient(to right, #4bb0ff, #6149f6)" @click="submitQuest">提交</van-button>
+      </van-col>
     </van-popup>
   </div>
 </template>
@@ -556,6 +558,16 @@ export default {
   padding: 0 10px;
   margin: 0 0 10px 0;
 }
+.questpopup {
+  padding: 10px 10px;
+}
+.questpopup div {
+  padding: 8px 0 0 5px;
+}
+.questbtn {
+  text-align: center;
+  padding: 10px 0 15px 0;
+}
 /deep/.van-cell {
   padding: 25px 16px;
   font-size: 16px;