<template>
  <app-frame :data="frameParams">
    <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply_banner.png" alt="" />
    <img
      style="padding-left:101px;padding-right:49px;margin-top:65px;padding-bottom:109px"
      src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/apply_con.png"
      alt=""
    />
  </app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
  layout: 'normal',
  components: { appFrame },
  data() {
    return {
      frameParams: {
        slider: [
          { name: this.$t('menu.enrollChild.process'), path: '/enroll/process' },
          { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
          { name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' }
        ]
      }
    }
  }
}
</script>
<style lang="scss" scoped>
ul {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 40px;
}
li {
  padding: 10px;
}
p {
  font-size: 16px;
  color: #333;
}
.title {
  font-weight: 400px;
}
.desc {
  font-weight: 300;
}
.desc1 {
  padding: 10px;
}
</style>
