From b505f3648a10dd998ae9fe7a6edb1bf125d7d6a6 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Fri, 21 Jan 2022 01:51:33 +0800 Subject: [PATCH] 主页结构调整 --- src/components/mini/mdDetail.vue | 18 +++++++++++------- 1 files changed, 11 insertions(+), 7 deletions(-) diff --git a/src/components/mini/mdDetail.vue b/src/components/mini/mdDetail.vue index d681f69..33fd5d5 100644 --- a/src/components/mini/mdDetail.vue +++ b/src/components/mini/mdDetail.vue @@ -1,11 +1,11 @@ <template> - <div class="article-meta"> - <a-button @click="back"> + <div class="article-meta "> + <a-button @click="back" style="position: absolute;"> <a-icon type="left" /> </a-button> - <a-divider orientation="left"> + <!-- <a-divider orientation="left"> 文章详情 - </a-divider> + </a-divider> --> <div class="markdown-body article-detail"> <vue-markdown :source="source"></vue-markdown> </div> @@ -40,10 +40,14 @@ } </script> -<style scoped > - /* @import '../../assets/md.less'; */ +<style lang="less"> + @import '../../assets/md.less'; - + .markdown-body { + padding: 10px 20px 10px 20px; + box-shadow: 8px 8px 18px rgba(0, 0, 0, 0.1), + -8px -8px 18px #ffffff; + } /* #test{ padding-left: 25%; -- Gitblit v1.9.1