From 69a1b3bf45738f048361ee4ccb6bdc64fce35720 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期三, 12 三月 2025 11:31:46 +0800
Subject: [PATCH] 更新
---
screen/src/components/percent.vue | 28 ++++++++++++++++++++++++++++
1 files changed, 28 insertions(+), 0 deletions(-)
diff --git a/screen/src/components/percent.vue b/screen/src/components/percent.vue
new file mode 100644
index 0000000..fd8e94a
--- /dev/null
+++ b/screen/src/components/percent.vue
@@ -0,0 +1,28 @@
+<template>
+ <div class="plan_wrap">
+ <div class="plan" :style="{
+ background: 'linear-gradient(to right, #1e3c48 0%, #6feef1 100%)',
+ width: `${rate}%`
+ }"></div>
+ </div>
+</template>
+
+<script setup>
+const props = defineProps({
+ rate: Number,
+ color: String
+})
+</script>
+
+<style lang="scss" scoped>
+.plan_wrap{
+ width: 100%;
+ background-color: #172630;
+ padding: 4px;
+ height: 18px;
+ overflow: hidden;
+ .plan{
+ height: 10px;
+ }
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3