fxc-wecat/components/canvas-ring/canvas-ring.wxml

<view class="round" style="border: 2.5rpx solid {{borderColor}};">
  <canvas style="width:{{canvasWidth}}px;height:{{canvasWidth}}px;" canvas-id="circleBar">
    <view class="circle-bar-wrap" style="height:{{canvasWidth}}px;">
      <view class="val"
        style="color: {{valueColor}}; margin-top:{{isMarginTop?'0':'0'}}rpx;background: linear-gradient(#FFFFFF, #C1C1C1);">
        {{value}}
      </view>
    </view>
  </canvas>
  <slot></slot>
</view>