<template>
    <view class="im-paragraphy">
        <view class="c-font-wb c-font-medium c-gap-top-small">{{ paragraphy.title }}</view>
        <view 
            class="im-paragraphy__content c-color c-font-medium" 
            :class="{'c-inline c-gap-right': paragraphy.content.type === 'inline'}"
            v-for="(con, i) in paragraphy.content.list" 
            :key="i"
        >{{ con }}</view>
    </view>
</template>

<script>
/**
 * @file components/im/im-text-line
 * @author mayifan02
 * @categories
 * @tags
 */
import {navigate} from '../../utils/navigate';
export default {
    config: {
        component: true
    },
    options: {
        addGlobalClass: true
    },
    props: {
        /**
         * 文章列表
         * @property {Object}  title 段落标题
         * @property {Object}  content 段落内容
         */
        paragraphy: {
            type: Object,
            default: {}
        }
    },
    components: {},
    data() {
        return {};
    }
};
</script>

<style lang="less" scoped>
.im-paragraphy {
    &__block {
        height: 30px;
    }
    &__content {
        line-height: 22px;
    }
}
</style>
