|
|
@@ -7,7 +7,7 @@
|
|
|
<el-form
|
|
|
:model="form"
|
|
|
ref="topinfo"
|
|
|
- label-width="120px"
|
|
|
+ label-width="300px"
|
|
|
:inline="true"
|
|
|
label-position="left"
|
|
|
>
|
|
|
@@ -53,19 +53,44 @@
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
- <el-row class="row">
|
|
|
+ <el-row class="row">
|
|
|
<el-form-item
|
|
|
label="直播课内容"
|
|
|
prop="name"
|
|
|
:rules="[{ required: true, message: '请输入直播课内容' }]"
|
|
|
>
|
|
|
<el-input
|
|
|
+ :rows="3"
|
|
|
placeholder="请输入直播课内容"
|
|
|
v-model.trim="form.cancot"
|
|
|
- type='textarea'
|
|
|
+ type="textarea"
|
|
|
+ maxlength="200"
|
|
|
+ show-word-limit
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
+ <el-row class="row">
|
|
|
+ <el-form-item
|
|
|
+ label="预热模板（模板使用与分享宣传图片）"
|
|
|
+ prop="name"
|
|
|
+ :rules="[{ required: true, message: '请选择预热模板' }]"
|
|
|
+ >
|
|
|
+ <div class="chioseWrap">
|
|
|
+ <div class="chioseItem">
|
|
|
+ <img src="./images/img1.png" alt="">
|
|
|
+ <div
|
|
|
+ class="remberBox"
|
|
|
+ @click="isSaveUserInfo = !isSaveUserInfo"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="dotWrap"
|
|
|
+ :class="[isSaveUserInfo ? 'checked' : '']"
|
|
|
+ ></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-row>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -79,8 +104,9 @@ export default {
|
|
|
name: "",
|
|
|
teacherName: "",
|
|
|
timer: "",
|
|
|
- cancot:''
|
|
|
+ cancot: "",
|
|
|
},
|
|
|
+ isSaveUserInfo: false,
|
|
|
};
|
|
|
},
|
|
|
mounted() {},
|
|
|
@@ -116,4 +142,33 @@ export default {
|
|
|
.row {
|
|
|
padding-left: 24px;
|
|
|
}
|
|
|
+/deep/.el-textarea__inner {
|
|
|
+ width: 600px;
|
|
|
+}
|
|
|
+
|
|
|
+.remberBox {
|
|
|
+ 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;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ &.checked {
|
|
|
+ background: url("../../assets/images/icon_checkbox.png") no-repeat center;
|
|
|
+ background-size: contain;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
mo
