vue-flip-down icon indicating copy to clipboard operation
vue-flip-down copied to clipboard

Safari浏览器该组件不工作,给动画做了兼容,貌似没啥用。

Open yyjiugui opened this issue 5 years ago • 5 comments

    @-webkit-keyframes animate-filp-face {
      0% {
        transform: rotateX(-0.01deg);
        opacity: 1; // 改变opacity 为了QQ浏览器和safari(不支持z-index animate)
      }
      50% {
        opacity: 1;
      }
      51% {
        opacity: 0;
      }
      100% {
        transform: rotateX(-180deg);
        opacity: 0;
      }
    }


    @-webkit-keyframes animate-filp-back {
      0% {
        transform: rotateX(180deg);
      }
      100% {
        transform: rotateX(-0.01deg);
      }
    }

yyjiugui avatar Aug 25 '20 09:08 yyjiugui

进一步排查 发现好像是js问题。

yyjiugui avatar Aug 25 '20 09:08 yyjiugui

额,我以前测试过应该OK的 我现在没苹果设备了...我之后找个mac试试

javaLuo avatar Aug 25 '20 09:08 javaLuo

let t = new Date('2020-12-25 24:00:00').getTime() - new Date().getTime() // 剩余的毫秒数

yyjiugui avatar Aug 25 '20 11:08 yyjiugui

写死打印出来就是 NAN 见鬼了。

yyjiugui avatar Aug 25 '20 11:08 yyjiugui

let t = new Date('2020-12-25 24:00:00').getTime() - new Date().getTime() // 剩余的毫秒数

new Date('2020-12-25T24:00:00') 在日期和时分秒中间加个T就行

jjmaps116 avatar Jun 16 '21 08:06 jjmaps116