ZZJ
2022-04-20 b4495445fbfc616a2126587ce9eec205fc1cbe19
src/components/Price.vue
@@ -1,6 +1,6 @@
<template>
  <div class="Price" v-if="priceNew">
  <div class="Price">
    ¥<span class="newPrice">{{ priceN1 }}</span
    >{{ priceN2 }}/年
    <span class="iconSave" v-if="showIcon">省</span>
@@ -11,7 +11,9 @@
<script>
export default {
  props: {
    priceNew: {},
    priceNew: {
      default: 0,
    },
    showIcon: {
      default: false,
    },
@@ -42,6 +44,27 @@
      this.priceO2 = ".00";
    }
  },
  watch: {
    priceNew() {
      const priceO = (this.priceNew * 1.2 + "").split(".");
      const priceN = (this.priceNew + "").split(".");
      if (priceN.length > 1) {
        this.priceN1 = priceN[0];
        this.priceN2 = "." + priceN[1];
      } else {
        this.priceN1 = priceN[0];
        this.priceN2 = ".00";
      }
      if (priceO.length > 1) {
        this.priceO1 = priceO[0];
        this.priceO2 = "." + priceO[1];
      } else {
        this.priceO1 = priceO[0];
        this.priceO2 = ".00";
      }
    },
  },
};
</script>