first commit

2026-04-09 15:09:34 +08:00
commit d8e3a63df1
2246 changed files with 352109 additions and 0 deletions
@@ -0,0 +1,14 @@
+export const cardList = (() => {
+  const result: any[] = [];
+  for (let i = 0; i < 12; i++) {
+    result.push({
+      title: 'Jeecg Admin',
+      icon: 'logos:vue',
+      color: '#1890ff',
+      active: '100',
+      new: '1,799',
+      download: 'bx:bx-download',
+    });
+  }
+  return result;
+})();
@@ -0,0 +1,102 @@
+<template>
+  <PageWrapper :class="prefixCls" title="卡片列表">
+    <template #headerContent>
+      基于Vue Next, TypeScript, Ant Design Vue实现的一套完整的企业级后台管理系统。
+      <div :class="`${prefixCls}__link`">
+        <a><Icon icon="bx:bx-paper-plane" color="#1890ff" /><span>开始</span></a>
+        <a><Icon icon="carbon:warning" color="#1890ff" /><span>简介</span></a>
+        <a><Icon icon="ion:document-text-outline" color="#1890ff" /><span>文档</span></a>
+      </div>
+    </template>
+
+    <div :class="`${prefixCls}__content`">
+      <a-list>
+        <a-row :gutter="16">
+          <template v-for="item in list" :key="item.title">
+            <a-col :span="6">
+              <a-list-item>
+                <a-card :hoverable="true" :class="`${prefixCls}__card`">
+                  <div :class="`${prefixCls}__card-title`">
+                    <Icon class="icon" v-if="item.icon" :icon="item.icon" :color="item.color" />
+                    {{ item.title }}
+                  </div>
+                  <div :class="`${prefixCls}__card-detail`"> 基于Vue Next, TypeScript, Ant Design Vue实现的一套完整的企业级后台管理系统 </div>
+                </a-card>
+              </a-list-item>
+            </a-col>
+          </template>
+        </a-row>
+      </a-list>
+    </div>
+  </PageWrapper>
+</template>
+<script lang="ts">
+  import { defineComponent } from 'vue';
+  import Icon from '/@/components/Icon/index';
+  import { cardList } from './data';
+  import { PageWrapper } from '/@/components/Page';
+  import { Card, Row, Col, List } from 'ant-design-vue';
+
+  export default defineComponent({
+    components: {
+      Icon,
+      PageWrapper,
+      [Card.name]: Card,
+      [List.name]: List,
+      [List.Item.name]: List.Item,
+      [Row.name]: Row,
+      [Col.name]: Col,
+    },
+    setup() {
+      return {
+        prefixCls: 'list-card',
+        list: cardList,
+      };
+    },
+  });
+</script>
+<style lang="less" scoped>
+  .list-card {
+    &__link {
+      margin-top: 10px;
+      font-size: 14px;
+
+      a {
+        margin-right: 30px;
+      }
+
+      span {
+        margin-left: 5px;
+      }
+    }
+
+    &__card {
+      width: 100%;
+      margin-bottom: -8px;
+
+      .ant-card-body {
+        padding: 16px;
+      }
+
+      &-title {
+        margin-bottom: 5px;
+        font-size: 16px;
+        font-weight: 500;
+        color: @text-color;
+
+        .icon {
+          margin-top: -5px;
+          margin-right: 10px;
+          font-size: 38px !important;
+        }
+      }
+
+      &-detail {
+        padding-top: 10px;
+        padding-left: 30px;
+        font-size: 14px;
+        color: @text-color-secondary;
+      }
+    }
+  }
+</style>