From c6793e5475b607e83cbb55b7d0ddfb9b81bd7774 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Thu, 25 Aug 2022 04:09:06 +0800
Subject: [PATCH] 日志内容详情页多媒体适配 markdown 内图片增加viewer相应
---
src/assets/md.less | 34 +++++++++++++++++++++++++++++-----
1 files changed, 29 insertions(+), 5 deletions(-)
diff --git a/src/assets/md.less b/src/assets/md.less
index 42e1bda..21b696b 100644
--- a/src/assets/md.less
+++ b/src/assets/md.less
@@ -1,4 +1,8 @@
.markdown-body{
+ *{
+ max-width: 100% !important;
+ }
+
body{
margin: 0 auto;
font-family: "Microsoft YaHei", arial,sans-serif;
@@ -13,9 +17,29 @@
}
}
- img{
- max-width: -webkit-fill-available;
- }
+ p{
+ text-indent: 2rem;
+ }
+ img:hover{
+ transform: scale(1.05);
+ //box-shadow: 0 0 4px rgba(0,0,0,0.5);
+ -webkit-filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
+ filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
+ }
+ img{
+ border-radius: 12px;
+ margin: 10px auto;
+ transition: all .5s;
+ }
+ // img{
+ // max-width: -webkit-fill-available;
+ // display: inline;
+ // box-shadow: 0 0 4px rgba(0,0,0,0.5);
+ // overflow: visible;
+ // border-radius: 12px;
+ // -webkit-filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
+ // filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
+ // }
h1, h2, h3, h4 {
color: #111111;
font-weight: 400;
@@ -150,8 +174,8 @@
width: 390px;
}
blockquote {
- border-left:.5em solid #eee;
- padding: 0 0 0 2em;
+ border-left:.5em solid #cfcfcf;
+ //padding: 0 0 0 2em;
margin-left:0;
}
blockquote cite {
--
Gitblit v1.9.1