弹窗动画 zhuangtai find 金额最多两位小数的正数正则

2过渡

.dialogFade-enter,
.dialogFade-leave-to {
  opacity: 0;
  transform: translateY(30px);
}
/* 过程 */
.dialogFade-enter-active {
  transition: all 0.5s;
}
/* 结束 */
.dialogFade-enter-to {
  opacity: 1;
}
.dialogFade-leave-active {
  transition: all 0.5s;
}

    <transition name="dialogFade">
      <spjspop
        :news="news"
        v-if="isshow"
        @quxiao="quxiao"
        @onshow="onshow"
      ></spjspop>
    </transition>

1状态不同 颜色不同

  this.zhuangtai = this.list1.find(
            el=> el.status == res.data.status
          );

    <view class="top1 xycenter" :style="{ color: zhuangtai.color }">
      <u-icon
        :color="zhuangtai.color"
        :name="zhuangtai.name"
        size="25"
      ></u-icon>
      {{ form.status_text }}</view
    >

   list1: [
        {
          text1: "请及时完成支付",
          text: "等待支付",
          name: "hourglass",
          status: 10,
          color: "#FF814A",
          btn: "立即支付",
          dibu1: "取消订单",
          dibu2: "立即支付",
        },
        {
          text1: "商家发货中，请耐心等待",
          text: "待发货",
          name: "hourglass",
          status: 1,
          color: "#02A567",
          btn: "",
          dibu1: "申请退款",
          dibu2: "",
        },
        {
          text1: "商家发货中，请耐心等待",
          text: "待发货",
          name: "hourglass",
          status: 2,
          color: "#02A567",
          btn: "",
          dibu1: "",
          dibu2: "",
        },
      
      ],

    change(e) {
      console.log(e, 11111);
      this.params.money = e;
      if (e) {
        var regs = /^(([1-9]{1}\d*)|(0{1}))(\.\d{1,2})?$/;

        if (regs.test(e)) {
        } else {
          this.$u.toast("金额最多两位小数的正数");
          this.params.money = "";

          return;
        }
      }
    },