xuyue/webpreview
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

style

Browse Source
This commit is contained in:
yuetsh
2025-03-03 22:31:08 +08:00
parent a7d8663f4d
commit e04605c03e
1 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/pages/Markdown.vue
View File

@@ -1,8 +1,7 @@
<template> <template>
<n-grid x-gap="10" :cols="6"> <n-grid x-gap="10" :cols="8">
<n-gi :span="1" style="padding-top: 10px"> <n-gi :span="2" class="col">
<n-flex vertical> <n-flex vertical class="list">
<n-button @click="createNew">新建</n-button>
<n-card <n-card
style="cursor: pointer" style="cursor: pointer"
v-for="item in list" v-for="item in list"
@@ -16,10 +15,11 @@
</n-button> </n-button>
</template> </template>
</n-card> </n-card>
<n-button @click="createNew">新建</n-button>
</n-flex> </n-flex>
</n-gi> </n-gi>
<n-gi :span="2" style="padding-top: 10px"> <n-gi :span="3" class="col">
<n-form> <n-form>
<n-grid x-gap="10" :cols="3"> <n-grid x-gap="10" :cols="3">
<n-gi :span="1"> <n-gi :span="1">
@@ -34,7 +34,7 @@
</n-gi> </n-gi>
</n-grid> </n-grid>
<n-form-item label="内容"> <n-form-item label="内容">
<n-input v-model:value="tutorial.content" type="textarea" rows="30" /> <n-input v-model:value="tutorial.content" type="textarea" class="editor" />
</n-form-item> </n-form-item>
<n-button block type="primary" @click="submit" :disabled="!canSubmit"> <n-button block type="primary" @click="submit" :disabled="!canSubmit">
提交 提交
@@ -127,6 +127,19 @@ watch(
onMounted(getContent) onMounted(getContent)
</script> </script>
<style scoped> <style scoped>
.list {
overflow: auto;
height: calc(100vh - 20px);
}
.col {
padding-top: 10px;
}
.editor {
height: calc(100vh - 200px);
}
.markdwon-body { .markdwon-body {
box-sizing: border-box; box-sizing: border-box;
overflow: auto; overflow: auto;