تحميل mpvue animated number - تنزيل كود مصدر mpvue animated number

mpvue animated number

كود الذكاء الاصطناعي

1.0.0

تنزيل

mpvue-رقم متحرك

برنامج WeChat الصغير mpvue مكون الرسوم المتحركة للتحديث الرقمي.

مكون أرقام متحركة لـ mpvue (إطار عمل لتطوير برنامج WeChat Mini).

تجريبي

قم بمسح رمز البرنامج الصغير التالي على WeChat لرؤية التأثير الحقيقي.

قم بمسح الكود التالي باستخدام WeChat لرؤية تأثيرات العالم الحقيقي.

مسح رمز برنامج WeChat Mini

تثبيت

 $ npm i --save @gaomd/mpvue-animated-number

الاستخدام

باستخدام mpvue SFC، قم بتحديث this.temperatureReading ثم سيتغير الرقم وفقًا للرسوم المتحركة الأنيقة.

// src/pages/home/home.vue

< template >
  < p class = " temperature " >
    < AnimatedNumber
      :value = " temperatureReading "
      :precision = " 2 "
    >
    </ AnimatedNumber >
  </ p >
</ template >

< script >
  import AnimatedNumber from ' @gaomd/mpvue-animated-number ' ;

  export default {
    components : {
      AnimatedNumber,
    },
    data () {
      return {
        temperatureReading : 3.14 ,
      };
    },
  }
</ script >

< style >
  /* optional */
  .temperature {
    line-height : 30 px ;
    font-size : 16 px ;
    text-align : center ;
    font-weight : bolder ;
    font-family : " Avenir Next Condensed " , sans-serif ;
    color : #333 ;
  }
</ style >