头像-Avatar

::: demo

<template>
  <d-avatar :src="src" />
</template>
<script>
export default {
  data: () => ({ src: '//static2.61info.com/service//imgs/groupPurchase/newCourseImg/c_219_comment_1.png' })
}
</script>
:::



## 蒙层-Overlay

::: demo
```html
<template>
  <button @click="toogle">切换</button>
  <d-overlay :show="show"/>
</template>
<script>
export default {
  data: () => ({ show: true }),
  methods: {
    toogle() {
      this.show = !this.show
      console.log(this.show)
    }
  }
}
</script>
:::

</div>
<div class="demo">

  <doc-frame></doc-frame>
</div>
</div>