<template>
  <div class="courseManage">
    <iframe
        id="iframe"
        style="width: 100%; height: 100%"
        :src="`${BOE_URL}/platform/sys/dwdictionary`"
        name="myframe"
        security="restricted"
        sandbox="allow-forms allow-scripts allow-same-origin allow-popups"
    ></iframe>
  </div>
</template>
<script setup>

const BOE_URL = window.location.protocol + process.env.VUE_APP_BOE_API_URL

</script>
<style lang="scss">
.courseManage {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.btnn {
  height: 72px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
  .btn1 {
    width: 100px;
    height: 40px;
    border: 1px solid #4ea6ff;
    border-radius: 8px;
    color: #4ea6ff;
    background-color: #fff;
    cursor: pointer;
  }
  .btn2 {
    cursor: pointer;
    width: 100px;
    height: 40px;
    background: #4ea6ff;
    border-radius: 8px;
    border: 0;
    margin-left: 15px;
    color: #fff;
  }
}
</style>
  