zhuyijun/vuepress-theme-reco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复 代码段于博客首页样式宽度过长会出现横向滚动条的情况

Browse Source
This commit is contained in:
nshu 2019-12-20 17:12:29 +08:00
parent 71c1742ff8
commit 64e085d6f8
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/HomeBlog.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="home-blog"> <div class="home-blog">
<div <div
class="hero" class="hero"
:style="{ :style="{
background: `url(${$frontmatter.bgImage ? $withBase($frontmatter.bgImage) : require('../images/home-bg.jpg')}) center/cover no-repeat`, ...bgImageStyle}"> background: `url(${$frontmatter.bgImage ? $withBase($frontmatter.bgImage) : require('../images/home-bg.jpg')}) center/cover no-repeat`, ...bgImageStyle}">
<ModuleTransition> <ModuleTransition>
@ -15,8 +15,8 @@
</ModuleTransition> </ModuleTransition>
<ModuleTransition delay="0.16"> <ModuleTransition delay="0.16">
<p <p
class="huawei" class="huawei"
v-if="recoShowModule && $themeConfig.huawei === true"> v-if="recoShowModule && $themeConfig.huawei === true">
<i class="iconfont reco-huawei" style="color: #fc2d38"></i>&nbsp;&nbsp;&nbsp;华为，为中华而为之！ <i class="iconfont reco-huawei" style="color: #fc2d38"></i>&nbsp;&nbsp;&nbsp;华为，为中华而为之！
</p> </p>
@ -201,6 +201,7 @@ export default {
} }
.blog-list { .blog-list {
flex auto flex auto
width 100%
} }
.info-wrapper { .info-wrapper {
position: -webkit-sticky; position: -webkit-sticky;

7
example/docs/views/category2/2016/121501.md
View File

@ -8,4 +8,9 @@ categories:
sticky: 1 sticky: 1
--- ---
first page in category2 ``` js
console.log('This is a test snippet. If it is too long, it will automatically hide the width cascade to drag horizontally.')
```
<!-- more -->
first page in category2