优化富文本详情页样式

#其它  6个月前   阅读/107

文章主要构成

  1. 普通文本
  2. 标题
  3. 链接
  4. 代码高亮
  5. 其它

0. 加个背景

在掘金看到背景有个表格感觉阔以,于是乎自己页加个 每个格式20px,为了文字在格子中间下面的外边距 内边距 高都是在20px的基础上修改

1. 普通文本

普通文本就正常的大小没有什么改变的

2. 标题

一级标题

二级标题

三级标题

五级标题
六级标题

3. 链接

这是一个链接

4. 代码高亮

这是一个js

async asyncData({ app, params }) { const res = await app.$axios.$post( config.BASE_URL + "/api/article/detail", { cid: params.id, } ); return { raContent: res.d, }; },

这是一个css

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { height: 40px; display: block; line-height: 40px; margin: 20px 0; color: #066dcc; font-weight: bold; padding-left: 5px; }

5. 其它

这做个标记标记这是正常文本标记这是正常文本
这是正常文本标记这是正常文本标记这是正常文本
下划线
今天天气 18
删除线

  1. 12
  2. 1221
  3. 1221
  • 122121
  • 122121
  • 122121

段落引用
段落引用

还待优化啊 这算是个测试文章

元芳,你怎么看?
加载中