<template>
  <app-frame :data="frameParams">
    <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/academic1.png" alt="" />
    <div style="display:flex;justify-content:space-around;margin-top:103px;margin-bottom:102px">
      <el-image style="width: 200px; height: 300px" :src="url1" :preview-src-list="srcList1"> </el-image>
      <el-image style="width: 200px; height: 300px" :src="url2" :preview-src-list="srcList2"> </el-image>
      <el-image style="width: 200px; height: 300px" :src="url3" :preview-src-list="srcList3"> </el-image>
    </div>
  </app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
  layout: 'normal',
  components: { appFrame },
  data() {
    return {
      url1: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/academic2.png',
      url2: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/academic3.png',
      url3: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/academic4.png',
      srcList1: ['https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/academic2.png'],
      srcList2: ['https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/academic3.png'],
      srcList3: ['https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/academic4.png'],

      frameParams: {
        slider: [
          {
            name: this.$t('menu.academic'),
            path: '/academic/academic'
          }
        ]
      }
    }
  }
}
</script>
