/**
* @描述：  题干一类的通用样式（比如：左侧文字，右侧按钮）
* @创建时间: 2022-08-12 11:19:00
* @内容:
必传值：名字/类型/默认值/作用
非必传值：
isHide 是否都在一行显示， true 超出一行的部分。。。。。
* @回调事件：
@组件内方法：
*/
<template>
    <div>
        <div :class="title_style" :style="text_indent">
            <div>
                <slot name="title_slot"></slot>
            </div>
            <div>
                <slot name="button_slot"></slot>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'zydx-topic-dry',
    computed: { // 计算属性
        title_style () {
            if (this.is_hide) {
                return 'title_box'
            }
            return 'title_box_a'
        },
        text_indent () {
          return "text-indent: "+this.indent_em+"em;"
        }
    },
    props: {
        is_hide: { // 是否都在一行显示， true 超出一行的部分显示...
            type: Boolean,
            default: false
        },
        indent_em: { // 首行缩进em
            type: Number,
            default: 0
        }
    },
    mounted() {
    }
}
</script>

<style scoped src="./zydxStyle.css">
</style>