更新记录

1.0.4（2022-06-24） 下载此版本

圆形增加参数oneCircle，默认为:false，当为：true时，圆形只能转一圈

1.0.3（2021-05-26） 下载此版本

修复支付宝不显示问题 圆弧修改部分 1.修改到0时允许左滑 2.渐变色弧线跟随触摸点一起滚动

1.0.2（2021-05-21） 下载此版本

更新删除了不必要的参数，更新了文档给

平台兼容性

圆

使用示例

<template>
  <view class="content">
    <canvasRound
      :val="val"
      :id="charts.id"
      :width="charts.width"
      :border="charts.border"
      @change="changeuCharts"
    ></canvasRound>
  </view>
</template>
<script>
import canvasRound from '@/components/canvas-round/index.vue';
  export default {
    components: {
      canvasRound
    },
    data() {
      return {
        val: 0,
        charts: {
          id: 'canvas-round',
          width: uni.getSystemInfoSync().windowWidth - 40,
          border: 16,
          pageBg: '#fff'
        }
      }
    },
    methods: {
      changeuCharts(val) {
        this.val = val
      }
    }
  }
</script>

使用说明

使用说明

插槽说明

示例代码

  <canvasRound :val="val">
    <text>示例代码</text>
  </canvasRound>

半圆

使用示例

<template>
  <view class="content">
        <boideArch :val="1600" :twoVal="1500" :width="width" />
  </view>
</template>
<script>
import boideArch from '@/components/boide-arch/boide-arch.vue';
  export default {
    components: {
      boideArch
    },
    data() {
      return {
        width: uni.getSystemInfoSync().windowWidth
      }
    },
    methods: {
      changeCanvas(val) {
        console.log(val)
      }
    }
  }
</script>

使用说明

使用说明

插槽说明

示例代码

  <boideArch :val="val">
    <text>示例代码</text>
  </boideArch>