diff --git a/src/components/preview/VideoPreview.vue b/src/components/preview/VideoPreview.vue index f803d5e..6d3d863 100644 --- a/src/components/preview/VideoPreview.vue +++ b/src/components/preview/VideoPreview.vue @@ -296,9 +296,10 @@ export default { .close-bar { z-index: 2006; position: relative; - top: -25px; - right: -25px; + top: -30px; + right: -30px; float: right; + font-size: 18px; color: #fff0f0; background: #d4d4d475; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #69696975; @@ -309,15 +310,27 @@ export default { border-color: #fff0f0; } - .audio-player-close { - transform: rotate(315deg); - z-index: 2009; - position: absolute; - font-size: 18px; - top: -8px; - right: 13px; - } +} +@media screen and (max-width: 768px) { + .block { + .close-bar { + z-index: 2006; + position: relative; + top: 0; + right: 0; + font-size: 18px; + float: right; + color: #fff0f0; + background: #d4d4d475; + border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #69696975; + } + + .close-bar:hover { + cursor: pointer; + border-color: #fff0f0; + } + } } .wrapper { diff --git a/src/views/setting/articles/blogManager.vue b/src/views/setting/articles/blogManager.vue index 64eaca4..089d7c7 100644 --- a/src/views/setting/articles/blogManager.vue +++ b/src/views/setting/articles/blogManager.vue @@ -29,17 +29,17 @@ 给您的网站取一个响亮的名字。
站点地址:
- 在这里填入站点的地址或域名。例如:https://blog.jmal.top + 在这里填入站点的地址或域名
站点背景大图:
在这里填入图片的URL地址, 以在网站首页显示一个背景大图。
首页大图内文字: 历史记录
- 显示在博客首页大图内的描述。 + 显示在博客首页大图内的主要文字。
首页大图内描述:
- 显示在博客首页大图内的描述。 + 显示在博客首页大图内的次要文字。
导航栏顶部 - 网站 Logo:
@@ -53,7 +53,7 @@ Font-awesome 图标标签和链接,使用':'隔开(标签里的内容为该图标的简述)。
- 列如:{{ example }}:https://github.com/jamebal (建议不超过5项) + 列如:{{ example }}:https://github.com/jamebal/jmal-cloud-view (建议不超过5项)
预览