forked from FoundKeyGang/FoundKey
chore(client): 🎨
This commit is contained in:
parent
96eab7e12b
commit
cda1803e59
1 changed files with 10 additions and 3 deletions
|
@ -5,7 +5,9 @@
|
||||||
|
|
||||||
<div class="_card" v-if="page" :key="page.id">
|
<div class="_card" v-if="page" :key="page.id">
|
||||||
<div class="_title">{{ page.title }}</div>
|
<div class="_title">{{ page.title }}</div>
|
||||||
<img class="header" :src="page.eyeCatchingImage.url" v-if="page.eyeCatchingImageId" />
|
<div class="banner">
|
||||||
|
<img :src="page.eyeCatchingImage.url" v-if="page.eyeCatchingImageId"/>
|
||||||
|
</div>
|
||||||
<div class="_content">
|
<div class="_content">
|
||||||
<x-page :page="page"/>
|
<x-page :page="page"/>
|
||||||
</div>
|
</div>
|
||||||
|
@ -116,8 +118,13 @@ export default Vue.extend({
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.xcukqgmh {
|
.xcukqgmh {
|
||||||
> ._card > .header {
|
> ._card > .banner {
|
||||||
max-width: 100%;
|
> img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 120px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue