<template>
    <view class="list-wrap">
        <view class="desc-wrap">
            <view v-for="(desc,index) in item.descs" :key="index">
                <view>
                    <text>{{ desc.text }}</text>
                </view>
            </view>
            <view class="c-line-superfine-after"/>
        </view>
        <view class="question-content">
            <view v-if="item.title" class="list-title">{{ item.title }}</view>
            <view 
                v-for="(ques,index) in item.list" 
                :key="index" 
                class="list-text"
            >
                <view>
                    <text>{{ ques.text }}</text>
                </view>
            </view>
        </view>
    </view>
</template>
<script>
/**
 * @file question-list
 * @author quyang
 * @categories 业务组件
 * @tags [component]
 */
export default {
    config: {
        component: true
    },
    components: {
    },
    props: {
        /**
        * 组件数据
        */
        item: {
            'type': Object,
            'default': {}
        }
    },
    data() {
        return {
            list: []
        };
    },
    lifetimes: {
        attached() {}
    },
    methods: {
    }
};
</script>

<style lang="less" scoped>
.list-wrap {
    background: #FFF;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    line-height: 24px;
    .desc-wrap {
        padding: .1rem .12rem .12rem;
        position: relative;
        letter-spacing: 0;
        .c-line-superfine-after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
        }
    }
    .question-content {
        background: #FAFAFA;
        padding: .08rem .12rem .1rem;
        .list-text {
            color: #858585;
        }
    }
}
</style>