53 lines
1.4 KiB
Vue
53 lines
1.4 KiB
Vue
<template>
|
|
<div class="body-div">
|
|
<el-form label-width="120px" label-position="left">
|
|
|
|
<el-form-item label="分类：">
|
|
<el-radio-group v-model="radio">
|
|
<el-radio-button label="1" >文章</el-radio-button>
|
|
<el-radio-button label="2" >主题</el-radio-button>
|
|
<el-radio-button label="3" >板块</el-radio-button>
|
|
<el-radio-button label="4" >其他</el-radio-button>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
<el-form-item label="标题：">
|
|
<el-input placeholder="请输入" />
|
|
</el-form-item>
|
|
<el-form-item label="描述：">
|
|
<el-input placeholder="请输入" />
|
|
</el-form-item>
|
|
<el-form-item label="内容：">
|
|
|
|
<MavonEdit height="30rem" v-model="text" :codeStyle="codeStyle"/>
|
|
</el-form-item>
|
|
<el-form-item label="封面：">
|
|
<el-input placeholder="请输入" />
|
|
</el-form-item>
|
|
<el-form-item label="标签：">
|
|
<el-input placeholder="请输入" />
|
|
</el-form-item>
|
|
<el-form-item > <el-button class="submit-btn" type="primary">提交</el-button></el-form-item>
|
|
</el-form>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import MavonEdit from '@/components/MavonEdit.vue'
|
|
import { ref } from 'vue';
|
|
const text=ref("")
|
|
const radio=ref(1)
|
|
const codeStyle=ref("atom-one-dark");
|
|
</script>
|
|
<style scoped>
|
|
.submit-btn
|
|
{
|
|
width: 40%;
|
|
}
|
|
.body-div
|
|
{
|
|
min-height: 1000px;
|
|
background-color: #fff;
|
|
margin: 1.5rem;
|
|
padding: 1.5rem;
|
|
}
|
|
|
|
</style> |