开发中突然遇到页面上出现大量的 undefind，查看代码没有什么问题，主要就是 使用 slot 插槽的位置变成了 underfind 。经过大量的测试，确定了是 vue 版本的问题，当 vue的版本大于 2.6.12时，就会出现这种情况由于 vue-template-compiler 需要与vue的版本同步所以解决方案就是把 vue和vue-template-compiler的版本降低到 2.6

先上图，最后的效果是这样主要的思路是 使用锥形渐变给div一个背景，然后使用mask遮挡中间部分，这样就变成一个圆环了，最后用 before和after处理一下 圆环进度开始和结束位置。html<div class="shadow"></div>css.shadow {width: 100px;height: 100px;display: relative;border-r