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

新建直播间 切出去改问卷样式

1
mo 3 лет назад
Родитель
Сommit
9707c8382a
1 измененных файлов с 40 добавлено и 3 удалено
  1. 40 3
      src/views/liveClassManager/newLiveClass.vue

+ 40 - 3
src/views/liveClassManager/newLiveClass.vue

@@ -113,16 +113,46 @@
           style="margin-bottom: 20px"
         ></el-alert>
         <el-row class="row">
-          <el-form-item label="允许点赞">
+          <el-form-item
+            label-width="120px"
+            class="mline"
+            label="允许点赞"
+            :rules="[{ required: true, message: '请选择是否允许点赞' }]"
+          >
+            <el-radio-group v-model="form.radio">
+              <el-radio :label="3">是</el-radio>
+              <el-radio :label="6">否</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-row>
+        <el-row class="row">
+          <el-form-item
+            label-width="120px"
+            class="mline"
+            label="允许聊天互动"
+            :rules="[{ required: true, message: '请选择是否允许点赞' }]"
+          >
+            <el-radio-group v-model="form.radio">
+              <el-radio :label="3">是</el-radio>
+              <el-radio :label="6">否</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-row>
+        <el-row class="row">
+          <el-form-item
+            label-width="120px"
+            class="mline"
+            label="保存直播回放"
+            :rules="[{ required: true, message: '请选择是否允许点赞' }]"
+          >
             <el-radio-group v-model="form.radio">
               <el-radio :label="3">是</el-radio>
               <el-radio :label="6">否</el-radio>
             </el-radio-group>
           </el-form-item>
         </el-row>
-        <el-row class="row"></el-row>
-        <el-row class="row"></el-row>
       </el-form>
+      <div class="button"></div>
     </div>
   </div>
 </template>
@@ -150,6 +180,11 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+/deep/.mline {
+  .el-form-item__content {
+    display: inline-block !important;
+  }
+}
 /deep/.el-form--inline {
   .el-form-item__content {
     display: block;
@@ -181,6 +216,8 @@ export default {
   flex-direction: row;
   justify-content: flex-start;
   .chioseItem {
+    border-radius: 4px;
+    overflow: hidden;
     position: relative;
     margin-right: 10px;
     width: 188px;