翻页时钟制作（vue、taro小程序）

发布: 2019-07-12 23:34:59标签: 小程序

一、使用Taro开发小程序翻页时钟

  1. 点击查看详细代码 -> github

  2. 小程序DEMO
    taro翻页小程序

二、vue开发翻页时钟

  1. 详细代码移步github

  2. 演示 DEMO

安装

yarn add kuan-vue-flip-clock

使用

01<template>
02  <div class="test-clock-container">
03    <flip-clock />
04  </div>
05</template>
06
07<script>
08  import FlipClock from 'kuan-vue-flip-clock'
09  export default {
10    components: {
11      FlipClock
12    }
13  }
14</script>
15
16<style lang="scss">
17  .test-clock-container {
18    font: normal 12px 'Helvetica Neue', Helvetica, sans-serif;
19    user-select: none;
20    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
21    background: radial-gradient(ellipse at center, #969696 0%, #595959 100%);
22    min-height: 100vh;
23    display: flex;
24    align-items: center;
25    justify-content: center;
26  }
27</style>
复制代码

三、参考

ademilter