11

src/views/index.vue

@@ -58,26 +58,14 @@ const onTabClick = (index: number) => {
 </script>
 
 <template>
-  <div class="wrap">
-    <div class="tabs">
-      <div v-for="index in 2" :key="index" @click="onTabClick(index)" class="tab"
-        :class="{ active: activeIndex === index }">
-        标签{{ index }}
-      </div>
-    </div>
-    <div class="content-wrap">
-      <!-- 可以在这里添加内容 -->
-       32132132
-    </div>
-  </div>
-  <!-- <div>
+  <div>
     <PageHeader>
       <template #title>
         <div class="flex items-center gap-4">
           欢迎使用 Fantastic-admin
         </div>
       </template>
-<template #content>
+      <template #content>
         <div class="text-sm/6">
           <div>
             这是一款<b class="text-emphasis">开箱即用</b>的中后台框架，同时它也经历过数十个真实项目的技术沉淀，确保框架在开发中可落地、可使用、可维护
@@ -87,26 +75,26 @@ const onTabClick = (index: number) => {
           </div>
         </div>
       </template>
-<HButton outline @click="open('https://fantastic-admin.hurui.me')">
-  <SvgIcon name="i-ri:file-text-line" />
-  开发文档
-</HButton>
-<HDropdownMenu :items="[
-          [
-            { label: 'Gitee', handle: () => open('https://gitee.com/fantastic-admin/basic') },
-            { label: 'Github', handle: () => open('https://github.com/fantastic-admin/basic') },
-          ],
-        ]">
-  <HButton class="ml-2">
-    <SvgIcon name="i-ri:code-s-slash-line" />
-    代码仓库
-    <SvgIcon name="i-ep:arrow-down" />
-  </HButton>
-</HDropdownMenu>
-</PageHeader>
-<div class="w-full flex flex-col gap-4 px-4 xl:flex-row">
-  <PageMain class="ecology">
-    <template #title>
+      <HButton outline @click="open('https://fantastic-admin.hurui.me')">
+        <SvgIcon name="i-ri:file-text-line" />
+        开发文档
+      </HButton>
+      <HDropdownMenu :items="[
+        [
+          { label: 'Gitee', handle: () => open('https://gitee.com/fantastic-admin/basic') },
+          { label: 'Github', handle: () => open('https://github.com/fantastic-admin/basic') },
+        ],
+      ]">
+        <HButton class="ml-2">
+          <SvgIcon name="i-ri:code-s-slash-line" />
+          代码仓库
+          <SvgIcon name="i-ep:arrow-down" />
+        </HButton>
+      </HDropdownMenu>
+    </PageHeader>
+    <div class="w-full flex flex-col gap-4 px-4 xl:flex-row">
+      <PageMain class="ecology">
+        <template #title>
           <div class="title-info">
             <img src="https://cn.vuejs.org/logo.svg">
             <div>
@@ -122,14 +110,14 @@ const onTabClick = (index: number) => {
             </HButton>
           </div>
         </template>
-    <ul class="m-0 pr-8 text-size-sm leading-6">
-      <li v-for="item in fantasticStartkitInfo.feature" :key="item">
-        {{ item }}
-      </li>
-    </ul>
-  </PageMain>
-  <PageMain class="ecology">
-    <template #title>
+        <ul class="m-0 pr-8 text-size-sm leading-6">
+          <li v-for="item in fantasticStartkitInfo.feature" :key="item">
+            {{ item }}
+          </li>
+        </ul>
+      </PageMain>
+      <PageMain class="ecology">
+        <template #title>
           <div class="title-info">
             <img src="https://fantastic-admin.hurui.me/logo.png">
             <div>
@@ -145,17 +133,17 @@ const onTabClick = (index: number) => {
             </HButton>
           </div>
         </template>
-    <ElCarousel trigger="click" indicator-position="none" :interval="5000" height="250px">
-      <ElCarouselItem v-for="(item, index) in fantasticAdminInfo.data" :key="item">
-        <ElImage :src="item" fit="cover" style="width: 100%; height: 250px; margin: auto; cursor: pointer;"
-          @click="fantasticAdminInfo.imageVisible = true; fantasticAdminInfo.index = index" />
-      </ElCarouselItem>
-    </ElCarousel>
-    <ElImageViewer v-if="fantasticAdminInfo.imageVisible" :url-list="fantasticAdminInfo.data"
-      :initial-index="fantasticAdminInfo.index" @close="fantasticAdminInfo.imageVisible = false" />
-  </PageMain>
-  <PageMain class="ecology">
-    <template #title>
+        <ElCarousel trigger="click" indicator-position="none" :interval="5000" height="250px">
+          <ElCarouselItem v-for="(item, index) in fantasticAdminInfo.data" :key="item">
+            <ElImage :src="item" fit="cover" style="width: 100%; height: 250px; margin: auto; cursor: pointer;"
+              @click="fantasticAdminInfo.imageVisible = true; fantasticAdminInfo.index = index" />
+          </ElCarouselItem>
+        </ElCarousel>
+        <ElImageViewer v-if="fantasticAdminInfo.imageVisible" :url-list="fantasticAdminInfo.data"
+          :initial-index="fantasticAdminInfo.index" @close="fantasticAdminInfo.imageVisible = false" />
+      </PageMain>
+      <PageMain class="ecology">
+        <template #title>
           <div class="title-info">
             <img src="https://one-step-admin.hurui.me/logo.png">
             <div>
@@ -171,17 +159,17 @@ const onTabClick = (index: number) => {
             </HButton>
           </div>
         </template>
-    <ElCarousel trigger="click" indicator-position="none" :interval="5000" height="250px">
-      <ElCarouselItem v-for="(item, index) in oneStepAdminInfo.data" :key="item">
-        <ElImage :src="item" fit="cover" style="width: 100%; height: 250px; margin: auto; cursor: pointer;"
-          @click="oneStepAdminInfo.imageVisible = true; oneStepAdminInfo.index = index" />
-      </ElCarouselItem>
-    </ElCarousel>
-    <ElImageViewer v-if="oneStepAdminInfo.imageVisible" :url-list="oneStepAdminInfo.data"
-      :initial-index="oneStepAdminInfo.index" @close="oneStepAdminInfo.imageVisible = false" />
-  </PageMain>
-</div>
-</div> -->
+        <ElCarousel trigger="click" indicator-position="none" :interval="5000" height="250px">
+          <ElCarouselItem v-for="(item, index) in oneStepAdminInfo.data" :key="item">
+            <ElImage :src="item" fit="cover" style="width: 100%; height: 250px; margin: auto; cursor: pointer;"
+              @click="oneStepAdminInfo.imageVisible = true; oneStepAdminInfo.index = index" />
+          </ElCarouselItem>
+        </ElCarousel>
+        <ElImageViewer v-if="oneStepAdminInfo.imageVisible" :url-list="oneStepAdminInfo.data"
+          :initial-index="oneStepAdminInfo.index" @close="oneStepAdminInfo.imageVisible = false" />
+      </PageMain>
+    </div>
+  </div>
 </template>
 
 <style scoped>
@@ -205,7 +193,6 @@ const onTabClick = (index: number) => {
   line-height: 50px;
   text-align: center;
   cursor: pointer;
-transition;
 }
 
 .tab.active {