feat: poster

This commit is contained in:
tim
2025-07-06 01:38:48 +08:00
parent 3f9699534c
commit 9e76b58cac
3 changed files with 64 additions and 18 deletions

View File

@@ -6,10 +6,15 @@
<PostEditor v-model="content" />
</div>
<div class="post-options">
<CategorySelect v-model="selectedCategory" />
<TagSelect v-model="selectedTags" />
<div class="post-options-left">
<CategorySelect v-model="selectedCategory" />
<TagSelect v-model="selectedTags" />
</div>
<div class="post-options-right">
<div class="post-draft" @click="saveDraft">存草稿</div>
<div class="post-submit" @click="submitPost">发布</div>
</div>
</div>
<div class="post-submit" @click="submitPost">发布</div>
</div>
</div>
</template>
@@ -61,9 +66,16 @@ export default {
font-weight: bold;
}
.post-submit {
.post-draft {
margin-left: 20px;
margin-top: 20px;
color: var(--primary-color);
padding: 10px 20px;
border-radius: 10px;
cursor: pointer;
text-decoration: underline;
}
.post-submit {
background-color: var(--primary-color);
color: #fff;
padding: 10px 20px;
@@ -76,12 +88,23 @@ export default {
background-color: var(--primary-color-hover);
}
.post-options {
margin-top: 20px;
.post-options-left {
display: flex;
flex-direction: column;
gap: 10px;
}
.post-options-right {
display: flex;
gap: 10px;
}
.post-options {
display: flex;
justify-content: space-between;
align-items: center;
margin-left: 20px;
margin-top: 20px;
}
</style>