初始化

2025-01-27 23:24:42 +08:00
parent c8a96306c4
commit 6ae8339299
421 changed files with 35687 additions and 0 deletions
--- a/pages/components/Banner.vue
+++ b/pages/components/Banner.vue
@@ -0,0 +1,96 @@
+<template>
+  <div class="banner m-auto relative sm:flex">
+    <svg viewBox="0 0 1440 181" fill="none" xmlns="http://www.w3.org/2000/svg"
+         class="pointer-events-none absolute w-full top-[-2px] transition-all text-green-5 flex-shrink-0 opacity-100 duration-[400ms] opacity-80 -z-10">
+      <mask id="path-1-inside-1_414_5526" fill="white">
+        <path d="M0 0H1440V181H0V0Z"></path>
+      </mask>
+      <path d="M0 0H1440V181H0V0Z" fill="url(#paint0_linear_414_5526)" fill-opacity="0.22"></path>
+      <path d="M0 2H1440V-2H0V2Z" fill="url(#paint1_linear_414_5526)" mask="url(#path-1-inside-1_414_5526)"></path>
+      <defs>
+        <linearGradient id="paint0_linear_414_5526" x1="720" y1="0" x2="720" y2="181" gradientUnits="userSpaceOnUse">
+          <stop stop-color="currentColor"></stop>
+          <stop offset="1" stop-color="currentColor" stop-opacity="0"></stop>
+        </linearGradient>
+        <linearGradient id="paint1_linear_414_5526" x1="0" y1="90.5" x2="1440" y2="90.5" gradientUnits="userSpaceOnUse">
+          <stop stop-color="currentColor" stop-opacity="0"></stop>
+          <stop offset="0.395" stop-color="currentColor"></stop>
+          <stop offset="1" stop-color="currentColor" stop-opacity="0"></stop>
+        </linearGradient>
+      </defs>
+    </svg>
+    <div class="md:w-screen-xl m-auto">
+      <div class="py-8 sm:py-16" _path="/templates" _dir="" _draft="false" _partial="false" _locale=""
+           _id="content:4.templates.yml" _type="yaml" _source="content" _file="4.templates.yml" _stem="4.templates"
+           _extension="yml">
+        <div class="gap-8 sm:gap-y-16 grid lg:grid-cols-2 lg:items-center" v-if="layout">
+          <div class="">
+            <h1
+                class="text-3xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-4xl lg:text-5xl">
+              <span>WEBSOFT</span>
+              <span v-if="layout.name">{{ layout.name }}</span>
+            </h1>
+
+            <div class="mt-4 text-lg text-gray-500 dark:text-gray-400">
+              {{ layout.description }}
+            </div>
+
+            <el-space class="mt-4">
+              <el-button
+                  :icon="ElIconView"
+                  size="large"
+                  v-if="layout.demoUrl"
+                  @click="openSpmUrl(layout.demoUrl)"
+              >
+                演示地址
+              </el-button>
+              <el-button
+                  v-if="layout.buyUrl"
+                  :icon="ElIconBottom"
+                  size="large"
+                  @click="openSpmUrl(layout.buyUrl)"
+              >
+                下载模版
+              </el-button>
+              <el-button
+                  :icon="ElIconMemo"
+                  size="large"
+                  v-if="layout.docUrl"
+                  @click="openSpmUrl(layout.docUrl)"
+              >
+                帮助文档
+              </el-button>
+            </el-space>
+
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {useConfigInfo} from "~/composables/configState";
+import {openSpmUrl} from "~/utils/common";
+
+const token = useToken();
+const sysDomain = useSysDomain();
+
+withDefaults(
+    defineProps<{
+      layout?: any;
+      title?: string;
+      desc?: string;
+      buyUrl?: string;
+    }>(),
+    {
+      title: 'Templates',
+      desc: 'Explore community templates to get up and running in a few seconds.',
+      demoUrl: '/product/website',
+      buyUrl: 'https://github.com/websoft9/ansible-templates'
+    }
+);
+
+const config = useConfigInfo();
+
+</script>