diff --git a/src/views/match/manage/Steps/Step1BasicInfo.vue b/src/views/match/manage/Steps/Step1BasicInfo.vue index 10e0ea5..9725b08 100644 --- a/src/views/match/manage/Steps/Step1BasicInfo.vue +++ b/src/views/match/manage/Steps/Step1BasicInfo.vue @@ -52,9 +52,9 @@ - 只允许个人报名 - 只允许团队报名 - 两者都有 + 个人报名 + 团队报名 + 个人\团队报名 @@ -109,7 +109,10 @@ - + +
+ +
@@ -120,6 +123,7 @@ import { Plus } from '@element-plus/icons-vue'; import { pointsrulePageGet } from '/@/api/match/pointsrule'; import { regionProvincesGet, regionCitiesbyprovinceGet, regionDistrictsbycityGet } from '/@/api/match/area'; import PreviewImage from '/@/components/PreviewImage/index.vue'; +import wngEditor from '/@/components/editor/index.vue'; import 'dayjs/locale/zh-cn' const props = defineProps({ modelValue: { type: Object, required: true }, @@ -429,4 +433,41 @@ defineExpose({ validate }); height: 145px; text-align: center; } + +.rich-text-preview { + width: 100%; + min-height: 100px; + padding: 12px 15px; + border: 1px solid var(--el-border-color-light); + border-radius: 4px; + background-color: var(--el-fill-color-lighter); + word-wrap: break-word; + line-height: 1.6; +} + +.rich-text-preview :deep(p) { + margin: 8px 0; +} + +.rich-text-preview :deep(h1), +.rich-text-preview :deep(h2), +.rich-text-preview :deep(h3) { + margin: 12px 0 8px 0; + font-weight: 600; +} + +.rich-text-preview :deep(ul), +.rich-text-preview :deep(ol) { + margin: 8px 0; + padding-left: 24px; +} + +.rich-text-preview :deep(li) { + margin: 4px 0; +} + +.rich-text-preview :deep(a) { + color: var(--el-color-primary); + text-decoration: underline; +}