diff --git a/src/styles/article.scss b/src/styles/article.scss
index b1fb57b..8733ad0 100644
--- a/src/styles/article.scss
+++ b/src/styles/article.scss
@@ -5,7 +5,7 @@
color: #272936;
}
.article-header {
- height: 640px;
+ height: 70vh;
min-height: 12.5px;
position: relative;
display: table;
diff --git a/src/styles/articles.scss b/src/styles/articles.scss
index 1ff7a31..79d4fd1 100644
--- a/src/styles/articles.scss
+++ b/src/styles/articles.scss
@@ -1434,7 +1434,7 @@ article .readmore > a:hover {
align-items: center;
align-self: center;
align-content: center;
- color: #555;
+ color: #f0f5ff;
padding: 16px
}
@@ -1450,9 +1450,7 @@ article .readmore > a:hover {
.cover-wrapper .cover.half {
margin-bottom: -100px;
- max-height: 640px;
- min-height: 400px;
- height: calc(36vh - 64px + 200px)
+ height: 70vh;
}
.cover-wrapper .cover.half .cover-body div.b {
@@ -4380,40 +4378,46 @@ gray, p[gray] {
overflow: hidden;
margin: 0;
padding: 0;
- height: 700px;
+ height: 70vh;
z-index: -999998;
position: absolute;
}
-@media only screen and (max-width: 768px){
- .backstretch {
- left: -1000px;
- }
+.blog-background {
+ object-fit: cover;
+ width: 100%;
+ height: 100%;
}
-@media only screen and (min-width: 768px){
- .backstretch {
- left: -888px;
- }
-}
-
-@media only screen and (min-width: 992px){
- .backstretch {
- left: -768px;
- }
-}
-
-@media only screen and (min-width: 1200px){
- .backstretch {
- left: -500px;
- }
-}
-
-@media only screen and (min-width: 1440px){
- .backstretch {
- left: -300px;
- }
-}
+//@media only screen and (max-width: 768px){
+// .backstretch {
+// left: -1000px;
+// }
+//}
+//
+//@media only screen and (min-width: 768px){
+// .backstretch {
+// left: -888px;
+// }
+//}
+//
+//@media only screen and (min-width: 992px){
+// .backstretch {
+// left: -768px;
+// }
+//}
+//
+//@media only screen and (min-width: 1200px){
+// .backstretch {
+// left: -500px;
+// }
+//}
+//
+//@media only screen and (min-width: 1440px){
+// .backstretch {
+// left: -300px;
+// }
+//}
//@media only screen and (min-width: 1920px){
// .backstretch {
diff --git a/src/styles/markdown.scss b/src/styles/markdown.scss
index b1fefb5..d4d30f0 100644
--- a/src/styles/markdown.scss
+++ b/src/styles/markdown.scss
@@ -44,12 +44,14 @@
box-shadow: 4px -11px 20px #000;
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
- background-color: rgba(255,255,255,0.72);
+ background-color: #2f41544d;
.navbar {
display: flex;
- color: rgba(0,0,0,0.9);
- font-family: 'Mirages Custom', 'Merriweather', 'Open Sans', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei', 'Segoe UI Emoji', 'Segoe UI Symbol', Helvetica, Arial, sans-serif;
+ a {
+ color: #f0f5ff;
+ font-family: 'Mirages Custom', 'Merriweather', 'Open Sans', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei', 'Segoe UI Emoji', 'Segoe UI Symbol', Helvetica, Arial, sans-serif;
+ }
.container-fluid {
display: -ms-flexbox;
display: flex;
@@ -133,9 +135,6 @@
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
}
- a {
- color: rgba(0,0,0,0.9);
- }
}
.bar {
@@ -228,9 +227,10 @@
}
-.l_main {
+.article_l_main {
padding: 0 16px 16px;
margin-top: -80px;
+ z-index: 10;
}
.l_main {
@@ -346,28 +346,28 @@
/deep/ .slimScrollDiv {
width: 240px;
}
- /deep/ .slimScrollDiv {
+ /deep/ .slimScrollDiv,.l_side {
transform: translateX(50px);
}
- /deep/ .el-main {
+ /deep/ .article_l_main {
transform: translateX(50px);
}
}
@media only screen and (min-width: 1240px){
- /deep/ .slimScrollDiv {
+ /deep/ .slimScrollDiv,.l_side {
transform: translateX(80px);
}
- /deep/ .el-main {
+ /deep/ .article_l_main {
transform: translateX(80px);
}
}
@media only screen and (min-width: 1400px){
- /deep/ .slimScrollDiv {
+ /deep/ .slimScrollDiv,.l_side {
transform: translateX(120px);
}
- /deep/ .el-main {
+ /deep/ .article_l_main {
transform: translateX(120px);
}
}
diff --git a/src/views/public/article/index.vue b/src/views/public/article/index.vue
index a176510..9f719e5 100644
--- a/src/views/public/article/index.vue
+++ b/src/views/public/article/index.vue
@@ -44,7 +44,7 @@
-
+
-
+
+
-
+
@@ -57,7 +58,7 @@
-
![]()
+
![]()
-
-
-
-