mirror of
https://github.com/frappe/erpnext.git
synced 2026-06-01 19:29:10 +00:00
Added separate ContentTitle component
This commit is contained in:
@@ -1,21 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<section class='article-top-section video-section-bg'>
|
<ContentTitle :title="contentData.title" :author="contentData.author" :publishDate="contentData.publish_date">
|
||||||
<div class='container'>
|
<slot></slot>
|
||||||
<div class="row">
|
</ContentTitle>
|
||||||
<div class="col-md-8">
|
|
||||||
<h2>{{ contentData.title }}</h2>
|
|
||||||
<span class="text-muted">
|
|
||||||
Published on {{ contentData.publish_date }}, by {{ contentData.author }}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4 text-right">
|
|
||||||
<slot></slot>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<hr>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section class="article-content-section">
|
<section class="article-content-section">
|
||||||
<div class='container'>
|
<div class='container'>
|
||||||
<div class="content" v-html="contentData.content"></div>
|
<div class="content" v-html="contentData.content"></div>
|
||||||
@@ -30,6 +17,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
import ContentTitle from './ContentTitle.vue'
|
||||||
export default {
|
export default {
|
||||||
props: ['content', 'type'],
|
props: ['content', 'type'],
|
||||||
name: 'ContentArticle',
|
name: 'ContentArticle',
|
||||||
@@ -48,6 +36,9 @@ export default {
|
|||||||
}).then(r => {
|
}).then(r => {
|
||||||
this.contentData = r.message
|
this.contentData = r.message
|
||||||
});
|
});
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
ContentTitle
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -0,0 +1,33 @@
|
|||||||
|
<template>
|
||||||
|
<section class='article-top-section video-section-bg'>
|
||||||
|
<div class='container'>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-8">
|
||||||
|
<h2>{{ title }}</h2>
|
||||||
|
<span v-if="typeof author !== 'undefined' || variable !== null" class="text-muted">
|
||||||
|
Published on {{ publishDate }}, by {{ author }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 text-right">
|
||||||
|
<slot></slot>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: ['title', 'publishDate', 'author'],
|
||||||
|
name: 'ContentTitle',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="css" scoped>
|
||||||
|
</style>
|
||||||
@@ -79,7 +79,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.quiz-section {
|
.quiz-section {
|
||||||
padding-top: 3rem !important;
|
padding-top: 0.5em !important;
|
||||||
padding-bottom: 0rem !important;
|
padding-bottom: 0rem !important;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user