uniapp-微信小程序使用圆形进度条，不会产生层级问题。

1.前言

        在uniapp中写微信小程序时，使用了插件市场的一些circle-progress组件，但是他们使用canvas写的，在微信小程序中会出现层级问题（如果你的页面存在fixed、sticky等）。

        自己根据网上的进度条组件写了一个适配uniapp的圆形进度条组件。

2.使用

2.1.安装

npm i xyn-circle-progress

2.2引入

import xynCircleProgress from "xyn-circle-progress";

<template>
  <xyn-circle-progress
    :rate="80"
    boxWidth="160rpx"
    width="15rpx"
    activeColor="#99C39C"
    inactiveColor="#F2F2F2"
    :fillet="true"
  >
    <view >报道人数</view>
  </xyn-circle-progress>
</template>

3.相关链接

xyn-circle-progress