网页中金额小数点后面和前面字体大小不一致的实现

时间：2020-06-20 10:17:42 收藏：0 阅读：283

思路：金额的小数点左右绝对要分开的.（再用css去控制）

技术分享图片

//模拟data数据
      data(
       return {
          price:‘88888.00‘
          }
       )
    //ps:v-html绑定数据
    //1.分割价钱 => ["88888", "00"]
    let splitPrice = this.price.split(".");
    //2.重新赋值
    this.price = `${splitPrice[0]}.<span style="font-size:12px;">${splitPrice[1]}</span>`;

转： https://segmentfault.com/q/1010000022256091?utm_source=tag-newest

原文：https://www.cnblogs.com/fps2tao/p/13167580.html