uniapp 微信小程序圆形倒计时

竣子好逑

已于 2024-12-05 10:46:15 修改

阅读量345

点赞数 4

CC 4.0 BY-SA版权

分类专栏： uniapp v2 v3 组件文章标签： uni-app 微信小程序小程序 uniapp

于 2024-11-01 16:17:31 首次发布

本文链接：https://blog.csdn.net/zjqjy0911/article/details/143434267

效果图：

vue版本： vue2

使用方式，子组件封装

html

<template>
	<view class="container" @tap="openCountDown">
		<view class='progress_box'>
			<canvas class="totalTime" canvas-id="canvasProgressbg"> </canvas>
			<canvas class="processTime" canvas-id="canvasProgress"> </canvas>
			<view class="progress_num">
				<text class='num'> {
  
  {(totaltime+1)-count}}</text>
			</view>
		</view>
	</view>
</template>

关于 canvas 画布 uniapp官网链接