TrendArrow 趋势箭头

<!-- 基础用法 -->
  <re-trend-arrow class="demo-trend-up" :value="10" />
  <re-trend-arrow class="demo-trend-down" :value="-10" />
  <re-trend-arrow class="demo-trend-zero" :value="0" />

<!-- 不同数值 -->
  <re-trend-arrow class="demo-trend-small-up" :value="1" />
  <re-trend-arrow class="demo-trend-medium-up" :value="50" />
  <re-trend-arrow class="demo-trend-large-up" :value="100" />
  <re-trend-arrow class="demo-trend-small-down" :value="-1" />
  <re-trend-arrow class="demo-trend-large-down" :value="-100" />

<!-- 显示控制 -->
  <re-trend-arrow class="demo-trend-arrow-only" :value="10" :showText="false" />
  <re-trend-arrow class="demo-trend-text-only" :value="10" :showArrow="false" />
  <re-trend-arrow class="demo-trend-both" :value="10" :showArrow="true" :showText="true" />

<!-- 自定义文案 -->
  <re-trend-arrow class="demo-trend-custom-rise" :value="10" riseText="上涨" />
  <re-trend-arrow class="demo-trend-custom-fall" :value="-10" fallText="下跌" />

<!-- 小数 -->
  <re-trend-arrow class="demo-trend-decimal-up" :value="10.5" />
  <re-trend-arrow class="demo-trend-decimal-down" :value="-10.5" />

<!-- 自定义样式 -->
  <re-trend-arrow class="demo-trend-custom-style" :value="10" customStyle="font-size: 20px;" />

<!-- 大数值 -->
  <re-trend-arrow class="demo-trend-big-up" :value="999" />
  <re-trend-arrow class="demo-trend-big-down" :value="-999" />

<!-- 百分比形式 -->
  <re-trend-arrow class="demo-trend-percent-up" :value="15.5" />
  <re-trend-arrow class="demo-trend-percent-down" :value="-15.5" />