71 lines
2.1 KiB
Vue
71 lines
2.1 KiB
Vue
<template>
|
|
<div>
|
|
<div class="bg-white px-4 pt-2">
|
|
<bread-crumb></bread-crumb>
|
|
<div class="flex justify-between items-end gap-4 bg-white px-1 py-3">
|
|
<div>
|
|
<div class="text-lg font-semibold">新增文章</div>
|
|
<div class="text-gray-400 mt-1.5">新增的文章需审核才能展现</div>
|
|
</div>
|
|
<div>
|
|
<a-button class="mr-2">保存为草稿</a-button>
|
|
<a-button type="primary">保存发布</a-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex gap-4">
|
|
<div class="flex-1 bg-white p-4">
|
|
<a-form :model="{}" layout="vertical">
|
|
<a-form-item label="标题">
|
|
<a-input placeholder="请输入标题" :max-length="120" :show-word-limit="true"></a-input>
|
|
</a-form-item>
|
|
<a-form-item label="文章内容">
|
|
<a-textarea placeholder="说点啥" :max-length="1000" :show-word-limit="true"></a-textarea>
|
|
</a-form-item>
|
|
</a-form>
|
|
</div>
|
|
<div class="w-64 bg-white p-4">
|
|
<a-form :model="{}" layout="vertical">
|
|
<a-form-item label="别名">
|
|
<a-input placeholder="请输入"></a-input>
|
|
<template #help>
|
|
用作URL的别名, 只能包含字母、数字、下划线和破折号
|
|
</template>
|
|
</a-form-item>
|
|
<a-form-item label="分类">
|
|
<a-checkbox-group direction="vertical">
|
|
<a-checkbox>开发工具</a-checkbox>
|
|
<a-checkbox>日常记录</a-checkbox>
|
|
<a-checkbox>心得体验</a-checkbox>
|
|
</a-checkbox-group>
|
|
</a-form-item>
|
|
<a-form-item label="封面图">
|
|
<a-upload draggable></a-upload>
|
|
</a-form-item>
|
|
</a-form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="tsx" name="PostPage">
|
|
</script>
|
|
|
|
<style lang="less">
|
|
.export-form {
|
|
.arco-form-item-content {
|
|
display: block;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<route lang="json">
|
|
{
|
|
"meta": {
|
|
"sort": 10301,
|
|
"title": "文章管理",
|
|
"icon": "icon-park-outline-editor"
|
|
}
|
|
}
|
|
</route>
|