<template>
  <span v-if="value > 0"><i class="el-icon-sort-up mx-icon-rk-ad" style="color: green;"></i>{{ value }}</span>
  <span v-else-if="value < 0"><i class="el-icon-sort-down mx-icon-rk-ad" style="color:red; transform: rotateY(180deg);"></i>{{ -value }}</span>
  <span v-else>--</span>
</template>

<script>
export default {
  name: "RankingAdjust",
  props: {
    value: {
      type: Number | String,
      default: "",
    },
  },
};
</script>

<style scoped>
.mx-icon-rk-ad {
  font-weight: bolder;
  font-size: 14px;
}
</style>