-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathkuan-vue-flip-clock.html
20 lines (18 loc) · 15.4 KB
/
kuan-vue-flip-clock.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<!-- saved from url=(0042)https://www.kuan1.top/kuan-vue-flip-clock/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>kuan-vue-flip-clock</title>
<link href="./kuan-vue-flip-clock_files/chunk-vendors.css" rel="stylesheet"><link href="./kuan-vue-flip-clock_files/main.css" rel="stylesheet"><style type="text/css" id="photoShowStyles_pointerNone">*:before,*:after{pointer-events:none !important}</style></head>
<body>
<div class="test-clock-container"><div data-v-685c45cf="" class="clock-container"><div data-v-250ac99c="" data-v-685c45cf="" class=""><ul data-v-250ac99c="" class="flip"><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">0</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">0</div></div></li><li data-v-250ac99c="" class="item active"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">1</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">1</div></div></li><li data-v-250ac99c="" class="item before"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">2</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">2</div></div></li></ul></div> <div data-v-250ac99c="" data-v-685c45cf="" class=""><ul data-v-250ac99c="" class="flip"><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">0</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">0</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">1</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">1</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">2</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">2</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">3</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">3</div></div></li><li data-v-250ac99c="" class="item active"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">4</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">4</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">5</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">5</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">6</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">6</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">7</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">7</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">8</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">8</div></div></li><li data-v-250ac99c="" class="item before"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">9</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">9</div></div></li></ul></div> <div data-v-685c45cf="" class="colon"></div> <div data-v-250ac99c="" data-v-685c45cf="" class=""><ul data-v-250ac99c="" class="flip"><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">0</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">0</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">1</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">1</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">2</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">2</div></div></li><li data-v-250ac99c="" class="item active"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">3</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">3</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">4</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">4</div></div></li><li data-v-250ac99c="" class="item before"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">5</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">5</div></div></li></ul></div> <div data-v-250ac99c="" data-v-685c45cf="" class=""><ul data-v-250ac99c="" class="flip"><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">0</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">0</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">1</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">1</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">2</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">2</div></div></li><li data-v-250ac99c="" class="item active"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">3</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">3</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">4</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">4</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">5</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">5</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">6</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">6</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">7</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">7</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">8</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">8</div></div></li><li data-v-250ac99c="" class="item before"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">9</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">9</div></div></li></ul></div> <div data-v-685c45cf="" class="colon"></div> <div data-v-250ac99c="" data-v-685c45cf="" class=""><ul data-v-250ac99c="" class="flip"><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">0</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">0</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">1</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">1</div></div></li><li data-v-250ac99c="" class="item active"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">2</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">2</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">3</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">3</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">4</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">4</div></div></li><li data-v-250ac99c="" class="item before"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">5</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">5</div></div></li></ul></div> <div data-v-250ac99c="" data-v-685c45cf="" class="play"><ul data-v-250ac99c="" class="flip"><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">0</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">0</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">1</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">1</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">2</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">2</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">3</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">3</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">4</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">4</div></div></li><li data-v-250ac99c="" class="item before"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">5</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">5</div></div></li><li data-v-250ac99c="" class="item active"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">6</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">6</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">7</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">7</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">8</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">8</div></div></li><li data-v-250ac99c="" class="item"><div data-v-250ac99c="" class="up"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">9</div></div> <div data-v-250ac99c="" class="down"><div data-v-250ac99c="" class="shadow"></div> <div data-v-250ac99c="" class="inn">9</div></div></li></ul></div></div></div>
<script type="text/javascript" src="./kuan-vue-flip-clock_files/0.kuan-vue-flip-clock.js.下载"></script><script type="text/javascript" src="./kuan-vue-flip-clock_files/kuan-vue-flip-clock.js.下载"></script>
<iframe style="display: none;" src="./kuan-vue-flip-clock_files/saved_resource.html"></iframe></body><div id="photoShowViewer" class="sb_BingCA photoShow">
<div class="photoshow-viewer-shadow"></div>
<div class="photoshow-img-wrapper">
<img>
<div class="photoshow-view-mode-switch-tip">a</div>
</div>
<i class="photoshow-img-size"></i>
</div></html>