feat:详情跳转

ZhangXianQiang

2024-03-20 00ef473d3b7508fd898549fc9f4c74eef52a7d71

 src/main.js

@@ -42,6 +42,9 @@
import VScaleScreen from 'v-scale-screen'
import dataV from '@jiaminghi/data-view'

import gsap from 'gsap';
import { formatNumber } from './utils/format';



// 全局方法挂载
@@ -87,6 +90,41 @@

Vue.config.productionTip = true


// 全局指令
Vue.directive('roll', {
  inserted: (el, binding) => {
    let target = {
      count: 0
    };
    let finalNumber = el.innerText;
    gsap.to(target, {
      count: finalNumber,
      duration: 1,
      ease: "power2.out",
      onUpdate: () => {
        el.innerText = formatNumber(target.count.toFixed(0));
      }
    })

  },
  update: (el, binding) => {
    let target = {
      count: el.innerText
    };
    let finalNumber = el.getAttribute('value');
    gsap.to(target, {
      count: finalNumber,
      duration: 1,
      ease: "power2.out",
      onUpdate: () => {
        el.innerText = formatNumber(target.count.toFixed(0));
      }
    })
  }
})


new Vue({
  el: '#app',
  router,