<script setup>
// template
import Survey from './components/Suvrey/Index.vue';
import Market from './components/Market/Index.vue';
import CreateSurvey from './components/CreateSurvey/Index.vue';

</script>

<template>
  <div class="container">
    <create-survey />

    <!-- 最新问卷 -->
    <Survey />

    <!-- 模板市场 -->
    <Market />
  </div>
</template>

<style scoped lang="scss">
.container {
  padding: 0 10px;
  background: linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 84%, rgba(185, 248, 207, 1) 100%);

  &> :first-child {
    display: flex;
    justify-content: space-around;
    border-radius: 6px;
    background-color: white;

    &>div {
      display: flex;
      flex-direction: column;
      width: 50px;
      height: 50px;
      margin: 10px;

      // background-color: #B9F8CF;

      padding: 20px 10px;
    }

  }
}
</style>
