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/App.vue | 47 +++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 43 insertions(+), 4 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 6607565..4af3857 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -20,6 +20,36 @@
<style lang="less">
+ body {
+ background: #f0f2f5;
+ }
+
+ .ant-modal-header {
+ //ant 弹窗移动样式
+ cursor: move;
+ }
+
+ @font-face {
+ font-family: 'HYTangMeiRen';
+ // font-display: swap;
+ src: url("http://t.inleft.com/share/z%E5%AD%97%E4%BD%93%E5%BA%93/hytmr55%E6%B1%89%E4%BB%AA%E5%94%90%E7%BE%8E%E4%BA%BA%E5%AD%97%E4%BD%93.woff") format("truetype");
+ }
+
+ span,
+ p,
+ a,
+ body,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ code,
+ pre{
+ font-family: HYTangMeiRen !important;
+ }
+
#app {
// overflow: auto;
// border: none;
@@ -48,12 +78,11 @@
margin-top: 20px;
margin-bottom: 20px;
}
-
+
a {
- color: #555;
position: relative;
}
-
+
a:hover:after {
left: 0;
width: 100%;
@@ -63,7 +92,7 @@
-o-transition: width 350ms;
transition: width 350ms;
}
-
+
a:after {
position: absolute;
bottom: -0.0625rem;
@@ -77,4 +106,14 @@
-o-transition: width 350ms, left 350ms;
transition: width 350ms, left 350ms;
}
+
+ .fade-enter-active,
+ .fade-leave-active {
+ transition: opacity .5s;
+ }
+
+ .fade-enter,
+ .fade-leave-to {
+ opacity: 0;
+ }
</style>
--
Gitblit v1.9.1