@@ -1,11 +1,11 @@
|
||||
<template>
|
||||
<div id="BlogPostPreview" class="card">
|
||||
<img :src="image" v-if="image" alt="Title Image">
|
||||
<div id="date">{{meta.date}}</div>
|
||||
<div id="titles">
|
||||
<div id="title">{{meta.title}}</div>
|
||||
<div id="subtitle" v-if="meta.subtitle">{{meta.subtitle}}</div>
|
||||
</div>
|
||||
<img :src="image" v-if="image" alt="Title Image">
|
||||
<div id="preview" class="markdown-content" v-html="preview"></div>
|
||||
<div id="expand" v-if="meta.more_content">展开...</div>
|
||||
</div>
|
||||
@@ -76,17 +76,15 @@ export default class BlogPostPreview extends Vue
|
||||
color: $color-text-light
|
||||
|
||||
img
|
||||
$margin: 20px
|
||||
$margin: 10px
|
||||
max-width: calc(100% + 2 * $margin)
|
||||
min-width: calc(100% + 2 * $margin)
|
||||
border-radius: 10px
|
||||
margin-left: -$margin
|
||||
margin-right: -$margin
|
||||
margin-top: -15px
|
||||
margin-bottom: 10px
|
||||
|
||||
#expand
|
||||
font-size: 0.8em
|
||||
padding-top: 10px
|
||||
color: $color-text-light
|
||||
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user