提交

2026-03-11 11:16:35 +08:00
parent 8abfe7ffc4
commit 83b3230a31
338 changed files with 108069 additions and 0 deletions
@@ -0,0 +1,41 @@
+<template>
+  <div class="card art-custom-card sales-card" style="height: 26rem">
+    <div class="card-header">
+      <p class="title">销售分类</p>
+      <p class="subtitle">按产品类别</p>
+    </div>
+    <ArtRingChart
+      :data="[
+        { value: 30, name: '电子产品' },
+        { value: 55, name: '服装鞋包' },
+        { value: 36, name: '家居用品' }
+      ]"
+      :color="['#4C87F3', '#EDF2FF', '#8BD8FC']"
+      :radius="['70%', '80%']"
+      height="16.5rem"
+      :showLabel="false"
+      :borderRadius="0"
+      centerText="¥300,458"
+    />
+    <div class="icon-text-widget">
+      <div class="item">
+        <div class="icon">
+          <i class="iconfont-sys">&#xe718;</i>
+        </div>
+        <div class="content">
+          <p>¥500,458</p>
+          <span>总收入</span>
+        </div>
+      </div>
+      <div class="item">
+        <div class="icon">
+          <i class="iconfont-sys">&#xe70c;</i>
+        </div>
+        <div class="content">
+          <p>¥130,580</p>
+          <span>净利润</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>