<template>
	<div class="wrap1"> 
		<el-card class="topicCard">
            <template #header>
                <div class="card-header">
                  <span>选择题</span>
                </div>
              </template>
              <div class="surveyItem" ><el-icon class="iconEle"><CirclePlus /></el-icon>单选题</div>
              <div class="surveyItem" ><el-icon class="iconEle"><CirclePlus /></el-icon>多选题</div>
              <div class="surveyItem" ><el-icon class="iconEle"><CirclePlus /></el-icon>填空题</div>
        </el-card>
        <el-card class="topicCard">
            <template #header>
                <div class="card-header">
                  <span>填空题</span>
                </div>
              </template>
              <div class="surveyItem" ><el-icon class="iconEle"><CirclePlus /></el-icon>填空题</div>
        </el-card>
        <el-card class="topicCardTit">
            <div class="surveyTitle"  v-for="o in 4" :key="o" >1</div>
        </el-card>
	</div>
</template>

<script setup>  
	import { ref , onMounted } from 'vue'  

</script>

<style lang="scss" scoped>
.wrap1{
	padding: 15px;
    height: calc(100vh - 270px);
    background: #ffffff;
    .topicCard{
        margin-bottom: 15px;
        .surveyItem{
            line-height: 30px;
            cursor: pointer;
            .iconEle{
                vertical-align: -10%; 
                color:#409EFF;
                margin-right: 8px;
            }
        }
        .surveyTitle{
            line-height: 30px;
        }
    }
    .topicCardTit{
        height: calc(100vh - 600px);
        scrollbar-width: none;
		/* firefox */
		-ms-overflow-style: none;
		/* IE 10+ */
		overflow-x: hidden;
		overflow-y: auto;
        line-height: 30px;
    }
}
</style>