<template>
  <div class="wrap">
    <h2>阴影</h2>
    <p>类名: lyf-shadow</p>
    <div class="box lyf-shadow"></div>
    <br/>
    <h2>阴影+圆角</h2>
    <p>类名: lyf-shadow、lyf-radius-8</p>
    <p>圆角可选: lyf-radius-4、lyf-radius-8、lyf-radius-12、lyf-radius-50</p>
    <div class="box lyf-shadow lyf-radius-8"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {

    }
  }
}
</script>

<style scoped>
.wrap {
  display: block;
  height: 80vh;
  background-color: var(--background-color_2);
}
.box {
  width: 320px;
  height: 100px;
  background-color: var(--F1_1);
}
</style>