第三次打断

1

src/views/liveClassManager/newLiveClass.vue

@@ -72,25 +72,56 @@
         <el-row class="row">
           <el-form-item
             label="预热模板（模板使用与分享宣传图片）"
-            prop="name"
+            prop="isSaveUserInfo"
             :rules="[{ required: true, message: '请选择预热模板' }]"
           >
             <div class="chioseWrap">
-              <div class="chioseItem">
-                <img src="./images/img1.png" alt="">
-                <div
-                  class="remberBox"
-                  @click="isSaveUserInfo = !isSaveUserInfo"
-                >
+              <div class="chioseItem" @click="form.isSaveUserInfo = 1">
+                <img src="./images/img1.png" alt="" />
+                <div class="remberBox">
+                  <div
+                    class="dotWrap"
+                    :class="[form.isSaveUserInfo == 1 ? 'checked' : '']"
+                  ></div>
+                </div>
+              </div>
+              <div class="chioseItem" @click="form.isSaveUserInfo = 2">
+                <img src="./images/img2.png" alt="" />
+                <div class="remberBox">
+                  <div
+                    class="dotWrap"
+                    :class="[form.isSaveUserInfo == 2 ? 'checked' : '']"
+                  ></div>
+                </div>
+              </div>
+              <div class="chioseItem" @click="form.isSaveUserInfo = 3">
+                <img src="./images/img3.png" alt="" />
+                <div class="remberBox">
                   <div
                     class="dotWrap"
-                    :class="[isSaveUserInfo ? 'checked' : '']"
+                    :class="[form.isSaveUserInfo == 3 ? 'checked' : '']"
                   ></div>
                 </div>
               </div>
             </div>
           </el-form-item>
         </el-row>
+        <el-alert
+          title="直播间信息"
+          type="info"
+          :closable="false"
+          style="margin-bottom: 20px"
+        ></el-alert>
+        <el-row class="row">
+          <el-form-item label="允许点赞">
+            <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>
   </div>
@@ -105,8 +136,8 @@ export default {
         teacherName: "",
         timer: "",
         cancot: "",
+        isSaveUserInfo: null,
       },
-      isSaveUserInfo: false,
     };
   },
   mounted() {},
@@ -145,29 +176,44 @@ export default {
 /deep/.el-textarea__inner {
   width: 600px;
 }
-
-.remberBox {
+.chioseWrap {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
-  margin-bottom: 30px;
-  padding-top: 10px;
-  align-items: center;
-  cursor: pointer;
-  color: #6d7278;
-  font-size: 16px;
-  .dotWrap {
-    width: 21px;
-    height: 21px;
-    background: url("../../assets/images/icon_checkbox_default.png") no-repeat
-      center;
-    background-size: contain;
-    margin-right: 8px;
+  .chioseItem {
     position: relative;
-    overflow: hidden;
-    &.checked {
-      background: url("../../assets/images/icon_checkbox.png") no-repeat center;
-      background-size: contain;
+    margin-right: 10px;
+    width: 188px;
+    height: 188px;
+    cursor: pointer;
+    .remberBox {
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-start;
+      margin-bottom: 30px;
+      padding-top: 10px;
+      align-items: center;
+
+      color: #6d7278;
+      font-size: 16px;
+      position: absolute;
+      top: 1px;
+      right: 1px;
+      .dotWrap {
+        width: 21px;
+        height: 21px;
+        background: url("../../assets/images/icon_checkbox_default.png")
+          no-repeat center;
+        background-size: contain;
+        margin-right: 8px;
+        position: relative;
+        overflow: hidden;
+        &.checked {
+          background: url("../../assets/images/icon_checkbox.png") no-repeat
+            center;
+          background-size: contain;
+        }
+      }
     }
   }
 }