feat: 新增首页模板

2024-01-26 23:37:43 +08:00
parent 35b460c327
commit 69fac31ff4
6 changed files with 812 additions and 1064 deletions
--- a/ruoyi-fastapi-frontend/src/views/dashboard/editable-link-group.vue
+++ b/ruoyi-fastapi-frontend/src/views/dashboard/editable-link-group.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="linkGroup">
+    <a v-for="(item, index) in links" :key="index" :href="item.href">
+      {{ item.title }}
+    </a>
+    <a-button size="small" type="primary" ghost>
+      <PlusOutlined /> 添加
+    </a-button>
+  </div>
+</template>
+
+<script>
+import { Button } from "ant-design-vue";
+
+export default {
+  components: {
+    AButton: Button,
+  },
+};
+</script>
+
+<script setup>
+import { PlusOutlined } from "@ant-design/icons-vue";
+
+const links = [
+  {
+    title: "操作一",
+    href: "",
+  },
+  {
+    title: "操作二",
+    href: "",
+  },
+  {
+    title: "操作三",
+    href: "",
+  },
+  {
+    title: "操作四",
+    href: "",
+  },
+  {
+    title: "操作五",
+    href: "",
+  },
+  {
+    title: "操作六",
+    href: "",
+  },
+];
+</script>
+
+<style scoped lang="less">
+.linkGroup {
+  padding: 20px 0 8px 24px;
+  font-size: 0;
+  & > a {
+    display: inline-block;
+    width: 25%;
+    margin-bottom: 13px;
+    color: rgba(0, 0, 0, 0.65);
+    font-size: 14px;
+    &:hover {
+      color: #1890ff;
+    }
+  }
+}
+</style>