drawProgressbg: function () {

    // 使用 wx.createContext 获取绘图上下文 context

    wx.createSelectorQuery()

    .select('canvasProgressbg') // 在 WXML 中填入的 id

    .fields({ node: true, size: true })

    .exec((res) => {

        // Canvas 对象

        const canvas = res[0].node

        // 渲染上下文

        const ctx = canvas.getContext('2d')

        // Canvas 画布的实际绘制宽高

        const width = res[0].width

        const height = res[0].height

        // 初始化画布大小

        const dpr = wx.getWindowInfo().pixelRatio

        canvas.width = width * dpr

        canvas.height = height * dpr

        ctx.scale(dpr, dpr)})

    ctx.setLineWidth(5); // 设置圆环的宽度

    ctx.setStrokeStyle('#a9a9a9'); // 设置圆环的颜色

    ctx.setLineCap('round'); // 设置圆环端点的形状

    ctx.beginPath(); //开始一个新的路径

    ctx.arc(110, 110, 100, 0, 2 * Math.PI, false);

    //设置一个原点(100,100)，半径为90的圆的路径到当前路径

    ctx.stroke(); //对当前路径进行描边

    ctx.draw();

  },