0.0.1 • Published 1 year ago
countdown12 v0.0.1
Installation
Install through npm
npm install countdown12Usage
Include in <body> after loading Vue and it will automatically hook into Vue
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>倒计时</title>
<link rel="stylesheet" href="node_modules/countdown12/dist/index.css">
<style>
*{
margin: 0 0;
padding: 0 0;
}
</style>
</head>
<body>
<div class="countdown-container">
<!-- setTimes 可以自定义设置倒计时时间 -->
<canvas id="myCanvas1" width="168" height="168" setTimes="60"></canvas>
<canvas id="myCanvas2" width="168" height="168"></canvas>
<canvas id="myCanvas3" width="168" height="168"></canvas>
<div class="countdonw-time-container">
<div class="countdown-time">0</div>
</div>
</div>
</body>
<script src="node_modules/countdown12/dist/index.cjs.js"></script>
</html>
Keywords settime :You can set your own countdown time
引入dist中的index.css