mirror of https://github.com/doccano/doccano.git
pythondatasetsactive-learningtext-annotationdatasetnatural-language-processingdata-labelingmachine-learningannotation-tool
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.5 KiB
69 lines
1.5 KiB
<template>
|
|
<v-container>
|
|
<v-layout
|
|
column
|
|
wrap
|
|
class="my-5"
|
|
align-center
|
|
>
|
|
<v-flex xs12 sm4 class="my-3">
|
|
<div class="text-xs-center">
|
|
<h2 class="headline">
|
|
{{ $t('home.featuresTitle') }}
|
|
</h2>
|
|
</div>
|
|
</v-flex>
|
|
<v-flex xs12>
|
|
<v-container grid-list-xl>
|
|
<v-layout wrap align-center>
|
|
<v-flex
|
|
v-for="(item, index) in featureCards"
|
|
:key="index"
|
|
xs12
|
|
md4
|
|
>
|
|
<feature-card
|
|
:image-src="require(`~/assets/${item.imageSrc}`)"
|
|
:title="item.title"
|
|
:text="item.text"
|
|
/>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import Vue from 'vue'
|
|
import FeatureCard from './FeatureCard.vue'
|
|
|
|
export default Vue.extend({
|
|
components: {
|
|
FeatureCard
|
|
},
|
|
|
|
data() {
|
|
return {
|
|
featureCards: [
|
|
{
|
|
imageSrc: 'feature3.png',
|
|
title: this.$t('home.featuresTitle1'),
|
|
text: this.$t('home.featuresText1')
|
|
},
|
|
{
|
|
imageSrc: 'feature2.png',
|
|
title: this.$t('home.featuresTitle2'),
|
|
text: this.$t('home.featuresText2')
|
|
},
|
|
{
|
|
imageSrc: 'feature1.png',
|
|
title: this.$t('home.featuresTitle3'),
|
|
text: this.$t('home.featuresText3')
|
|
}
|
|
]
|
|
}
|
|
}
|
|
})
|
|
</script>
|