feat: 重建 Bell GoAdmin 产品骨架 (#62)

2026-08-27 18:20:40 +08:00
parent b37c350096
commit f5a3dd796b
715 changed files with 75278 additions and 0 deletions
@@ -0,0 +1,62 @@
+<template>
+  <div class="chart-trend">
+    <slot name="term" />
+    <span>{{ rate }}%</span>
+    <span :class="[flag]">
+      <i :class="flag === 'top' ? 'ri-arrow-up-s-fill' : 'ri-arrow-down-s-fill'" />
+    </span>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'TrendIndicator',
+  props: {
+    rate: {
+      type: String,
+      default: '',
+      required: true
+    },
+    flag: {
+      type: String,
+      default: '',
+      required: true
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.chart-trend {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 22px;
+  .trend-icon {
+    font-size: 12px;
+  }
+}
+.top,
+.bottom {
+  margin-left: 4px;
+  position: relative;
+  top: 1px;
+  width: 15px;
+  display: inline-block;
+  i {
+    font-size: 12px;
+    transform: scale(0.83);
+  }
+}
+
+.top {
+      i{
+          color: #f5222d!important;
+      }
+    }
+    .bottom {
+      top: -1px;
+      i{
+          color: #52c41a!important;
+      }
+    }
+</style>