<!--
 * @Description: 左上角和左下角环形边角
 * @Author: 王晓颖
 * @Date: 2020-08-11 16:52:04
 -->
<template>
  <div style="wdith: 100%; height: 100%;">
    <i class="corner corner-top"></i>
    <i class="corner corner-bottom"></i>
  </div>
</template>

<script>
export default {
  name: 'Corner3'
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  .corner-top{
    position: absolute;
    top: 0;
    left: 0;
    width: .1rem;
    height: .1rem;
    background: url("../../assets/images/module-horn2.png") no-repeat;
    background-size: 100% 100%;
  }
  .corner-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: url("../../assets/images/module-horn3.png") no-repeat;
    background-size: 100% 100%;
  }
</style>