修改富文本

src/components/WangEditor/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="editor-wrapper">
+  <div class="editor-wrapper" style="border: 1px solid #dcdfe6; border-radius: 5px">
     <!-- 工具栏 -->
     <Toolbar id="toolbar-container" :editor="editorRef" :default-config="toolbarConfig" :mode="mode" />
     <!-- 编辑器 -->

src/views/match/info/index.vue

@@ -60,6 +60,39 @@
             <template #rules>
               <div class="rules">
                 <custom-form v-model="form.rules" :fields="rulesFields" :useSave="false">
+                  <template #rules1>
+                    <WangEditor v-model="form.rules.rules1" />
+                  </template>
+                  <template #rules2>
+                    <WangEditor v-model="form.rules.rules2" />
+                  </template>
+                  <template #rules3>
+                    <WangEditor v-model="form.rules.rules3" />
+                  </template>
+                  <template #rules4>
+                    <WangEditor v-model="form.rules.rules4" />
+                  </template>
+                  <template #rules5>
+                    <WangEditor v-model="form.rules.rules5" />
+                  </template>
+                  <template #rules6>
+                    <WangEditor v-model="form.rules.rules6" />
+                  </template>
+                  <template #rules7>
+                    <WangEditor v-model="form.rules.rules7" />
+                  </template>
+                  <template #rules8>
+                    <WangEditor v-model="form.rules.rules8" />
+                  </template>
+                  <template #rules9>
+                    <WangEditor v-model="form.rules.rules9" />
+                  </template>
+                  <template #rules10>
+                    <WangEditor v-model="form.rules.rules10" />
+                  </template>
+                  <template #rules11>
+                    <WangEditor v-model="form.rules.rules11" />
+                  </template>
                   <template #rules12>
                     <WangEditor v-model="form.rules.rules12" />
                   </template>
@@ -171,17 +204,17 @@ const examRules = reactive({
 const examForm = ref({})
 // 赛事规则
 const rulesFields = ref([
-  { label: t('pages.match.rules1'), model: 'rules1', type: 'textarea' },
-  { label: t('pages.match.rules2'), model: 'rules2', type: 'textarea' },
-  { label: t('pages.match.rules3'), model: 'rules3', type: 'textarea' },
-  { label: t('pages.match.rules4'), model: 'rules4', type: 'textarea' },
-  { label: t('pages.match.rules5'), model: 'rules5', type: 'textarea' },
-  { label: t('pages.match.rules6'), model: 'rules6', type: 'textarea' },
-  { label: t('pages.match.rules7'), model: 'rules7', type: 'textarea' },
-  { label: t('pages.match.rules8'), model: 'rules8', type: 'textarea' },
-  { label: t('pages.match.rules9'), model: 'rules9', type: 'textarea' },
-  { label: t('pages.match.rules10'), model: 'rules10', type: 'textarea' },
-  { label: t('pages.match.rules11'), model: 'rules11', type: 'textarea' },
+  { label: t('pages.match.rules1'), model: 'rules1', custom: true },
+  { label: t('pages.match.rules2'), model: 'rules2', custom: true },
+  { label: t('pages.match.rules3'), model: 'rules3', custom: true },
+  { label: t('pages.match.rules4'), model: 'rules4', custom: true },
+  { label: t('pages.match.rules5'), model: 'rules5', custom: true },
+  { label: t('pages.match.rules6'), model: 'rules6', custom: true },
+  { label: t('pages.match.rules7'), model: 'rules7', custom: true },
+  { label: t('pages.match.rules8'), model: 'rules8', custom: true },
+  { label: t('pages.match.rules9'), model: 'rules9', custom: true },
+  { label: t('pages.match.rules10'), model: 'rules10', custom: true },
+  { label: t('pages.match.rules11'), model: 'rules11', custom: true },
   { label: t('pages.match.rules12'), model: 'rules12', custom: true }
 ])
 // 请求
@@ -306,5 +339,8 @@ const toClose = () => {
   :deep(.el-form-item) {
     margin-bottom: 18px !important;
   }
+  :deep(.el-form-item__label-wrap) {
+    margin-left: 0 !important;
+  }
 }
 </style>